SelectSeparator
Source: client/lib/theme/vueda-tailwind/controls/index.js
A 1px horizontal divider between sections inside SelectContent.viewport. See also: ComboboxSeparator.root; delta is a vertical 4px margin (
my-1) so the divider breathes against the surrounding 4px viewport padding, pluspointer-events-noneso the hairline never intercepts a click meant for a neighbouring row.
Vue component: SelectSeparator
| Slot | Default classes | Description |
|---|---|---|
| root | bg-border pointer-events-none -mx-1 my-1 h-hairline | A 1px horizontal divider between sections inside SelectContent.viewport. See also: ComboboxSeparator.root; delta is a vertical 4px margin (my-1) so the divider breathes against the surrounding 4px viewport padding, plus pointer-events-none so the hairline never intercepts a click meant for a neighbouring row. |
root
A 1px horizontal divider between sections inside SelectContent.viewport. See also: ComboboxSeparator.root; delta is a vertical 4px margin (
my-1) so the divider breathes against the surrounding 4px viewport padding, pluspointer-events-noneso the hairline never intercepts a click meant for a neighbouring row.
Default classes:
bg-border pointer-events-none -mx-1 my-1 h-hairline
Source: client/lib/theme/vueda-tailwind/controls/SelectSeparator.theme.js:16