Usage

Helper component for custom item rendering inside an Selector renderOption prop.

import type { SelectorOption } from '@astryx-vue/core/Selector'

In this port SelectorOption is the shape of one entry in a Selector's options, not a component of its own: label is the primary text and description the secondary line under it, which is what the original helper drew. The built-in row already renders both, so a plain object covers the common case. When a row needs more than that, the option slot receives the same object and replaces the content.

A bare string is also accepted as an option, and stands for the value and the label at once.

Examples

Common configurations, variations, and states.

Basic

Role

A selector whose options are rendered with SelectorOption, adding a secondary description below each label. Use inside renderOption for consistent custom option styling.