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

Multi Selector

Multi-select dropdown with checkbox items and search filtering.

Paquete
@solidiom/multi-selector
Versión
0.6.0
Estado
experimental

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

API

Contentcomponente

                        Content(props: MultiSelectorContentProps): Element
                      

hijos: Element

Ver código fuente

Itemcomponente

                        Item(props: MultiSelectorItemProps): Element
                      

Propiedades

disabled?
boolean — Disabled state.
textValue?
string — Display/search text. Defaults to value.
value
string — Unique value for this item.

hijos: Element

Ver código fuente

ItemIndicatorcomponente

                        ItemIndicator(props: MultiSelectorItemIndicatorProps): Element
                      

hijos: Element

Ver código fuente

MultiSelectorContentPropsinterfaz

hijos: Element

Ver código fuente

MultiSelectorItemIndicatorPropsinterfaz

hijos: Element

Ver código fuente

MultiSelectorItemPropsinterfaz

Propiedades

disabled?
boolean — Disabled state.
textValue?
string — Display/search text. Defaults to value.
value
string — Unique value for this item.

hijos: Element

Ver código fuente

MultiSelectorRootPropsinterfaz

Propiedades

class?
string — CSS class name.
defaultOpen?
boolean — Default open state when uncontrolled.
defaultValue?
string[] — Default selected keys (uncontrolled).
disabled?
boolean — Disabled state.
id?
string — Element id.
invalid?
boolean — Invalid state.
name?
string — Form field name for hidden input.
onOpenChange?
(open: boolean) => void — Called when open state changes.
onValueChange?
(values: string[]) => void — Called when selection changes.
open?
boolean — Controlled open state.
placeholder?
string — Placeholder text when no items are selected.
readOnly?
boolean — Read-only state.
required?
boolean — Required state.
value?
string[] — Controlled selected keys.

hijos: Element

Ver código fuente

MultiSelectorSearchInputPropsinterfaz

Propiedades

onValueChange?
(value: string) => void — Called when search value changes.
placeholder?
string — Placeholder for the search input.
value?
string — Controlled search value.

Ver código fuente

MultiSelectorTagListPropsinterfaz

hijos: Element

Ver código fuente

MultiSelectorTagPropsinterfaz

Propiedades

value
string — The value of the item this tag represents.

hijos: Element

Ver código fuente

MultiSelectorTagRemovePropsinterfaz

hijos: Element

Ver código fuente

MultiSelectorTriggerPropsinterfaz

Propiedades

aria-label?
string — Accessible name for the combobox trigger. Required by ARIA for role="combobox".

hijos: Element

Ver código fuente

Rootcomponente

                        Root(props: MultiSelectorRootProps): Element
                      

Propiedades

class?
string — CSS class name.
defaultOpen?
boolean — Default open state when uncontrolled.
defaultValue?
string[] — Default selected keys (uncontrolled).
disabled?
boolean — Disabled state.
id?
string — Element id.
invalid?
boolean — Invalid state.
name?
string — Form field name for hidden input.
onOpenChange?
(open: boolean) => void — Called when open state changes.
onValueChange?
(values: string[]) => void — Called when selection changes.
open?
boolean — Controlled open state.
placeholder?
string — Placeholder text when no items are selected.
readOnly?
boolean — Read-only state.
required?
boolean — Required state.
value?
string[] — Controlled selected keys.

hijos: Element

Ver código fuente

SearchInputcomponente

                        SearchInput(props: MultiSelectorSearchInputProps): Element
                      

Propiedades

onValueChange?
(value: string) => void — Called when search value changes.
placeholder?
string — Placeholder for the search input.
value?
string — Controlled search value.

Ver código fuente

Tagcomponente

                        Tag(props: MultiSelectorTagProps): Element
                      

Propiedades

value
string — The value of the item this tag represents.

hijos: Element

Ver código fuente

TagListcomponente

                        TagList(props: MultiSelectorTagListProps): Element
                      

hijos: Element

Ver código fuente

TagRemovecomponente

                        TagRemove(props: MultiSelectorTagRemoveProps): Element
                      

hijos: Element

Ver código fuente

Triggercomponente

                        Trigger(props: MultiSelectorTriggerProps): Element
                      

Propiedades

aria-label?
string — Accessible name for the combobox trigger. Required by ARIA for role="combobox".

hijos: Element

Ver código fuente