Skip to content

NativeSelectOption ​

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

The native <option> tinted to inherit the popover surface. Per-row layout, highlight, and check indicator are all owned by the OS; for richer option chrome (icons, sub-labels, highlighted-vs-checked distinction) use SelectItem or ComboboxItem.

Vue component: NativeSelectOption

SlotDefault classesDescription
rootbg-popover text-popover-foregroundThe native <option> tinted to inherit the popover surface. Per-row layout, highlight, and check indicator are all owned by the OS; for richer option chrome (icons, sub-labels, highlighted-vs-checked distinction) use SelectItem or ComboboxItem.

root ​

The native <option> tinted to inherit the popover surface. Per-row layout, highlight, and check indicator are all owned by the OS; for richer option chrome (icons, sub-labels, highlighted-vs-checked distinction) use SelectItem or ComboboxItem.

Default classes:

bg-popover text-popover-foreground

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