Combobox Example

How to use this loader

Props

Name	Type	Default	Description
dataTab	T[]	`[]`	This is the data to display in the combobox.
order	string	-	The title when the combobox is closed.
placeholder	string	-	The placeholder when the combobox is closed.
emptyCommand	string	-	The displayed string when the input value does not fit the possibilities.
onValueChange	(value:T) => void	-	The triggered function when a value is chosen.
onInputChange	(value: string) => void	-	The triggered function when the input changes.
value	string	-	The selected value.
keyValue	keyof T	`'value'`	The key in `dataTab` that corresponds to the value field.
keyLabel	keyof T	`'label'`	The key in `dataTab` that corresponds to the label field.

Playground

Import from filigran-ui :

import { Combobox } from "filigran-ui"

<Combobox dataTab={[
    {value: 'abcd', label: 'Abcd'},
    {
      value: 'acde',
      label: 'Acde'
    },
    {value: 'acef', label: 'Acef'}
    ]}
    order={'Choose a value'}
    placeholder={'Choose a value'}
    emptyCommand={'Not found'}
    onValueChange={(value) => setSelectedValue(value)}
    onInputChange={(value) => setInputValue(value)}
    value={selectedValue}/>