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

Combobox

Text input with autocomplete dropdown.

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

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

API

ComboboxContentPropsinterfaz

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

Propiedades

class?
string
ref?
(el: HTMLDivElement) => void
style?
string | CSSProperties

hijos: Element

Ver código fuente

ComboboxInputPropsinterfaz

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

Propiedades

class?
string
onFilter?
(value: string) => void — Called on each input change to trigger filtering.
placeholder?
string — Placeholder text when empty.
ref?
(el: HTMLInputElement) => void
style?
string | CSSProperties

Ver código fuente

ComboboxItemPropsinterfaz

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

Propiedades

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

hijos: Element

Ver código fuente

ComboboxItemTextPropsinterfaz

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

hijos: Element

Ver código fuente

ComboboxRootPropsinterfaz

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

Propiedades

class?
string
defaultInputValue?
string
defaultOpen?
boolean
defaultSelectedValue?
string
inputValue?
Accessor<string> — Controlled input text value.
onInputValueChange?
(value: string) => void
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void
onSelectedValueChange?
(value: string, details: ChangeDetails<ComboboxReason>) => void
open?
Accessor<boolean> — Controlled open state.
selectedValue?
Accessor<string | undefined> — Controlled selected value.

hijos: Element

Ver código fuente

Contentcomponente

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

                        Content(props: ComboboxContentProps): Element
                      

Propiedades

class?
string
ref?
(el: HTMLDivElement) => void
style?
string | CSSProperties

hijos: Element

Ver código fuente

Inputcomponente

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

                        Input(props: ComboboxInputProps): Element
                      

Propiedades

class?
string
onFilter?
(value: string) => void — Called on each input change to trigger filtering.
placeholder?
string — Placeholder text when empty.
ref?
(el: HTMLInputElement) => void
style?
string | CSSProperties

Ver código fuente

Itemcomponente

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

                        Item(props: ComboboxItemProps): Element
                      

Propiedades

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

hijos: Element

Ver código fuente

ItemTextcomponente

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

                        ItemText(props: ComboboxItemTextProps): Element
                      

hijos: Element

Ver código fuente

Rootcomponente

@solidiom/combobox — Headless autocomplete combobox primitive. Parts: Root, Input, Content, Item, ItemText.

                        Root(props: ComboboxRootProps): Element
                      

Propiedades

class?
string
defaultInputValue?
string
defaultOpen?
boolean
defaultSelectedValue?
string
inputValue?
Accessor<string> — Controlled input text value.
onInputValueChange?
(value: string) => void
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void
onSelectedValueChange?
(value: string, details: ChangeDetails<ComboboxReason>) => void
open?
Accessor<boolean> — Controlled open state.
selectedValue?
Accessor<string | undefined> — Controlled selected value.

hijos: Element

Ver código fuente