ComboboxSeparator
Source: client/lib/theme/vueda-tailwind/controls/index.js
A 1px horizontal divider between groups inside ComboboxList.root. Renders as a flat
--borderhairline rather than the DPR-awarehairlineutility because the separator sits inside a popover that already paints its own border at the same width, so the visual seam never reads as a doubled line.-mx-1extends the divider to the popover edge past the group's 4px inner padding.
Vue component: ComboboxSeparator
| Slot | Default classes | Description |
|---|---|---|
| root | bg-border -mx-1 h-hairline | A 1px horizontal divider between groups inside ComboboxList.root. Renders as a flat --border hairline rather than the DPR-aware hairline utility because the separator sits inside a popover that already paints its own border at the same width, so the visual seam never reads as a doubled line. -mx-1 extends the divider to the popover edge past the group's 4px inner padding. |
root
A 1px horizontal divider between groups inside ComboboxList.root. Renders as a flat
--borderhairline rather than the DPR-awarehairlineutility because the separator sits inside a popover that already paints its own border at the same width, so the visual seam never reads as a doubled line.-mx-1extends the divider to the popover edge past the group's 4px inner padding.
Default classes:
bg-border -mx-1 h-hairline
Source: client/lib/theme/vueda-tailwind/controls/ComboboxSeparator.theme.js:16