Combobox Example

How to use this loader

Props

Name	Type	Default	Description
dataTab	Array(label: string, value: string)	[]	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	() => void	-	The triggered function when a value is choosen.
onInputChange	() => void	-	The triggered function when the input changes.
value	string	-	The selectedValue.

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}/>