Getting StartedInstall and bootstrap headless foundations 4
LayoutHeadless structural primitives for expandable and container patterns 6
OverlayHeadless modal and floating layer behavior 3
FeedbackHeadless notification and status communication patterns 5
FormHeadless input and selection contracts 17
UtilityReusable action, identity, and clipboard behavior 6
NavigationHeadless trails, trees, menus, and command surfaces 7
Overview API Styling Examples

CSS contracts

Slots

css
[data-slot='multi-autocomplete']
[data-slot='multi-autocomplete-trigger']
[data-slot='multi-autocomplete-chip']
[data-slot='multi-autocomplete-content']
[data-slot='multi-autocomplete-overlay']
[data-slot='multi-autocomplete-listbox']
[data-slot='multi-autocomplete-option']
[data-slot='multi-autocomplete-empty']

State selectors

State hooks

css
[data-slot='multi-autocomplete'][data-state='open']
[data-slot='multi-autocomplete'][data-disabled]
[data-slot='multi-autocomplete'][data-invalid]
[data-slot='multi-autocomplete-option'][data-active]
[data-slot='multi-autocomplete-option'][data-selected]
[data-slot='multi-autocomplete-option'][data-selected][data-active]
[data-slot='multi-autocomplete-option'][data-disabled]

Wrapper shell examples

The primitive stays native while your card, chip, and option rows carry the visual language.

Release owners (Plain-CSS)

Release owners

Keep the primitive native while the wrapper card and option rows carry the style.

Mina Lee