Skip to content

ComboboxSeparator

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

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.

Vue component: ComboboxSeparator

SlotDefault classesDescription
rootbg-border -mx-1 h-hairlineA 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 --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.

Default classes:

bg-border -mx-1 h-hairline

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

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