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-hiddenclips a long inner row to the group's box rather than letting it bleed into a neighbour.
Vue component: ComboboxGroup
| Slot | Default classes | Description |
|---|---|---|
| root | overflow-hidden p-1 text-foreground | 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. |
| heading | 2 classes | 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. |
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-hiddenclips 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-foregroundso 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-muted-foreground px-2 py-1.5 font-mono
text-[length:var(--vueda-text-micro)] font-semibold leading-none tracking-[0.04em] uppercaseSource: client/lib/theme/vueda-tailwind/controls/ComboboxGroup.theme.js:21