Vuance UI Kit

List

List subheader

Consistent section labels with list typography, inset alignment and CSS-only sticky.
Recent
Quarterly report
Design review notes
Roadmap draft
Archive
2025 retrospective
Legacy migration plan
Old pricing sheet

Playground

Configure the component and copy synchronized Vue code.

Interactive preview

Changes are reflected in the example and source.

Recent
Quarterly report
Design review notes
Roadmap draft
Archive
2025 retrospective
Legacy migration plan
Old pricing sheet

Properties

Content

Sticky

Inset

Vue

<m-list-subheader title="Recent" />

Token map

The manual manifest combines inherited token owners with local deltas.

MListSubheader · All8 tokens
md-list-subheader

MListSubheader API

Props, slots, and events are generated from the current public kit contract.

MListSubheader

List family
src/runtime/components/ui/list/subheader

Props

NameTypeDefault
titlePlain-text label; the default slot takes precedence.
stringundefined
tagRoot element tag.
'div' | 'li' | 'p''div'
stickyPins the label to the block start of the local scroll container (CSS only).
booleanfalse
insetAligns the label with item headlines rather than their leading media.
booleanfalse

Slots

Events

MListSubheader does not emit component-specific events. Native events fall through to its root element.