Skip to content

ComboboxGroup โ€‹

Source: client/lib/theme/vueda-tailwind/controls/index.js

A section of related ComboboxItem.root rows inside ComboboxList.root. 4px padding (p-1) carries the breathing room around the section so consecutive groups read as separate runs even without a ComboboxSeparator.root between them; overflow-hidden clips a long inner row to the group's box rather than letting it bleed into a neighbour.

Vue component: ComboboxGroup

SlotDefault classesDescription
rootoverflow-hidden p-1 text-foregroundA section of related ComboboxItem.root rows inside ComboboxList.root. 4px padding (p-1) carries the breathing room around the section so consecutive groups read as separate runs even without a ComboboxSeparator.root between them; overflow-hidden clips a long inner row to the group's box rather than letting it bleed into a neighbour.
heading2 classesThe optional heading row above a group's items. Renders the caps-mono-micro eyebrow recipe (mono, weight 600, micro size, uppercase, 0.04em tracking) on --muted-foreground so the label reads as a section eyebrow rather than as a result row. Same recipe as SelectLabel.root and CommandGroup.heading so all three pickers share one eyebrow voice.

root โ€‹

A section of related ComboboxItem.root rows inside ComboboxList.root. 4px padding (p-1) carries the breathing room around the section so consecutive groups read as separate runs even without a ComboboxSeparator.root between them; overflow-hidden clips a long inner row to the group's box rather than letting it bleed into a neighbour.

Default classes:

overflow-hidden p-1 text-foreground

Source: client/lib/theme/vueda-tailwind/controls/ComboboxGroup.theme.js:17

heading โ€‹

The optional heading row above a group's items. Renders the caps-mono-micro eyebrow recipe (mono, weight 600, micro size, uppercase, 0.04em tracking) on --muted-foreground so the label reads as a section eyebrow rather than as a result row. Same recipe as SelectLabel.root and CommandGroup.heading so all three pickers share one eyebrow voice.

Default classes:

text
text-muted-foreground px-2 py-1.5 font-mono
text-[length:var(--vueda-text-micro)] font-semibold leading-none tracking-[0.04em] uppercase

Source: client/lib/theme/vueda-tailwind/controls/ComboboxGroup.theme.js:21

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2