
- Uso
- Propriedades
Copiar
Perguntar à 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="Selecione uma opção"
options={[
{ value: 'option1', label: 'Opção A', Icon: IconTwentyStar },
{ value: 'option2', label: 'Opção B', Icon: IconTwentyStar },
]}
value="option1"
/>
</RecoilRoot>
);
};
| Propriedades | Tipo | Descrição |
|---|---|---|
| className | string | Classe CSS opcional para estilização adicional. |
| desativado | booleano | Quando definido como true, desativa a interação do utilizador com o componente |
| etiqueta | string | A etiqueta para descrever o propósito do componente Selecionar |
| aoAlterar | função | A função chamada quando os valores selecionados são alterados |
| opções | array | Representa as opções disponíveis para o componente Selected. É uma matriz de objetos onde cada objeto tem um valor (o identificador único), etiqueta (o identificador único) e um Ícone opcional |
| valor | string | Representa o valor atualmente selecionado. Deverá corresponder a uma das propriedades valor na matriz opções |