---
url: "https://vueda.dev/v3/reference/theming/keys/SelectSeparator.md"
title: "SelectSeparator"
---

# SelectSeparator

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

> A 1px horizontal divider between sections inside [SelectContent.viewport](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-viewport). See also: [ComboboxSeparator.root](/v3/reference/theming/keys/ComboboxSeparator.md#theme-key-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.

Vue component: [SelectSeparator](/v3/reference/api/vue/SelectSeparator.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/SelectSeparator.md#theme-key-SelectSeparator-root) | `bg-border pointer-events-none -mx-1 my-1 h-hairline` | A 1px horizontal divider between sections inside [SelectContent.viewport](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-viewport). See also: [ComboboxSeparator.root](/v3/reference/theming/keys/ComboboxSeparator.md#theme-key-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. |

<a id="theme-key-SelectSeparator-root"></a>

## root

> A 1px horizontal divider between sections inside [SelectContent.viewport](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-viewport). See also: [ComboboxSeparator.root](/v3/reference/theming/keys/ComboboxSeparator.md#theme-key-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.

Default classes:

`bg-border pointer-events-none -mx-1 my-1 h-hairline`

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