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

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