---
title: Selecionar
image: /images/user-guide/what-is-twenty/20.png
---

<Frame>
  <img src="/images/user-guide/what-is-twenty/20.png" alt="Cabeçalho" />
</Frame>

Permite aos utilizadores escolher um valor a partir de uma lista de opções pré-definidas.

<Tabs>
<Tab title="Uso">

```jsx
import { IconTwentyStar } from 'twenty-ui/display';

import { Select } from '@/ui/input/components/Select';

export const MyComponent = () => {

  return (
    <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"
    />
  );
};

```

</Tab>
<Tab title="Propriedades">


| 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`                                                                                         |




</Tab>
</Tabs>