BetaBeta pública — Consulta las notas de lanzamiento
Solidiom
Comenzar
Documentación

Listbox

Single or multi-select list of options.

Paquete
@solidiom/listbox
Versión
0.0.1-next.0
Estado
stable

Generado a partir del código fuente público del paquete.

API

Itemcomponente

@solidiom/listbox — Headless listbox primitive with selection and keyboard navigation. Parts: Root, Item.

                        Item(props: ListboxItemProps): Element

Propiedades

disabled?
boolean — Disabled state.
textValue?
string — Text for typeahead matching. Defaults to value.
value
string — Unique value for this item.

hijos: Element

Ver código fuente

ListboxItemPropsinterfaz

Props for a listbox item.

Propiedades

disabled?
boolean — Disabled state.
textValue?
string — Text for typeahead matching. Defaults to value.
value
string — Unique value for this item.

hijos: Element

Ver código fuente

ListboxReasontipo

Ver código fuente

ListboxRootPropsinterfaz

Props for the listbox root element.

Propiedades

aria-label?
string — Accessible name for the listbox.
class?
string
defaultValue?
string[] — Default value (uncontrolled).
disabled?
Accessor<boolean> — Disabled state.
loop?
boolean — Whether navigation loops. Default: true.
onValueChange?
(value: string[], details: ChangeDetails<ListboxReason>) => void — Called when value change is requested.
orientation?
"horizontal" | "vertical" — Orientation for keyboard navigation. Default: "vertical".
ref?
(el: HTMLDivElement) => void
selectionMode?
ListboxSelectionMode — Selection mode. Default: "single".
style?
string | CSSProperties
value?
Accessor<string[]> — Controlled value.

hijos: Element

Ver código fuente

ListboxSelectionModetipo

Ver código fuente

Rootcomponente

@solidiom/listbox — Headless listbox primitive with selection and keyboard navigation. Parts: Root, Item.

                        Root(props: ListboxRootProps): Element

Propiedades

aria-label?
string — Accessible name for the listbox.
class?
string
defaultValue?
string[] — Default value (uncontrolled).
disabled?
Accessor<boolean> — Disabled state.
loop?
boolean — Whether navigation loops. Default: true.
onValueChange?
(value: string[], details: ChangeDetails<ListboxReason>) => void — Called when value change is requested.
orientation?
"horizontal" | "vertical" — Orientation for keyboard navigation. Default: "vertical".
ref?
(el: HTMLDivElement) => void
selectionMode?
ListboxSelectionMode — Selection mode. Default: "single".
style?
string | CSSProperties
value?
Accessor<string[]> — Controlled value.

hijos: Element

Ver código fuente