
- Utilisation
- Propriétés
Copier
Demander à l'IA
import { RecoilRoot } from 'recoil';
import { IconTwentyStar } from 'twenty-ui/display';
import { Select } from '@/ui/input/components/Select';
export const MyComponent = () => {
return (
<RecoilRoot>
<Select
className
disabled={false}
label="Sélectionnez une option"
options={[
{ value: 'option1', label: 'Option A', Icon: IconTwentyStar },
{ value: 'option2', label: 'Option B', Icon: IconTwentyStar },
]}
value="option1"
/>
</RecoilRoot>
);
};
| Propriétés | Type | Description |
|---|---|---|
| nomDeClasse | chaîne | Classe CSS facultative pour le style supplémentaire |
| désactivé | booléen | Lorsqu’il est défini sur true, désactive l’interaction de l’utilisateur avec le composant |
| étiquette | chaîne | Le libellé décrivant la finalité du composant Select |
| onChange | fonction | La fonction appelée lorsque les valeurs sélectionnées changent |
| options | tableau | Représente les options disponibles pour le composant Selected. C’est un tableau d’objets où chaque objet possède une propriété value (l’identifiant unique), une propriété label (l’identifiant unique) et, éventuellement, une propriété Icon |
| valeur | chaîne | Représente la valeur actuellement sélectionnée. Elle doit correspondre à l’une des propriétés value du tableau options |