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

Select

Dropdown selection from a list of options.

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

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

API

Contentcomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        Content(props: SelectContentProps): Element

Propiedades

ref?
(el: HTMLDivElement) => void

hijos: Element

Ver código fuente

HiddenInputcomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        HiddenInput(): Element

Ver código fuente

Itemcomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        Item(props: SelectItemProps): 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

Rootcomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        Root(props: SelectRootProps): Element

Propiedades

defaultOpen?
boolean
defaultValue?
string | string[]
disabled?
Accessor<boolean> — Disabled state.
multiple?
boolean — Multiple selection mode.
name?
string — Form field name for hidden input.
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void
onValueChange?
(value: string | string[], details: ChangeDetails<SelectReason>) => void
open?
Accessor<boolean> — Controlled open state.
value?
Accessor<string | string[] | undefined> — Controlled value.

hijos: Element

Ver código fuente

ScrollDownButtoncomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        ScrollDownButton(props: SelectScrollDownButtonProps): Element

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

ScrollUpButtoncomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        ScrollUpButton(props: SelectScrollUpButtonProps): Element

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

SelectContentPropsinterfaz

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

Propiedades

ref?
(el: HTMLDivElement) => void

hijos: Element

Ver código fuente

SelectItemPropsinterfaz

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

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

SelectRootPropsinterfaz

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

Propiedades

defaultOpen?
boolean
defaultValue?
string | string[]
disabled?
Accessor<boolean> — Disabled state.
multiple?
boolean — Multiple selection mode.
name?
string — Form field name for hidden input.
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void
onValueChange?
(value: string | string[], details: ChangeDetails<SelectReason>) => void
open?
Accessor<boolean> — Controlled open state.
value?
Accessor<string | string[] | undefined> — Controlled value.

hijos: Element

Ver código fuente

SelectScrollDownButtonPropsinterfaz

Props for the select scroll down button.

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

SelectScrollUpButtonPropsinterfaz

Props for the select scroll up button.

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

SelectTriggerPropsinterfaz

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

Propiedades

aria-label?
string — Accessible name for the trigger when no visible label is present.
aria-labelledby?
string — ID reference to an external visible label.
ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

SelectValuePropsinterfaz

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

Propiedades

placeholder?
string — Placeholder when no value is selected.

Ver código fuente

Triggercomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        Trigger(props: SelectTriggerProps): Element

Propiedades

aria-label?
string — Accessible name for the trigger when no visible label is present.
aria-labelledby?
string — ID reference to an external visible label.
ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

Valuecomponente

@solidiom/select — Headless select primitive. Parts: Root, Trigger, Content, Item, Value, HiddenInput, ScrollUpButton, ScrollDownButton.

                        Value(props: SelectValueProps): Element

Propiedades

placeholder?
string — Placeholder when no value is selected.

Ver código fuente