Dropdown
Dropdown são componentes utilizados para ativar popovers contendo filtros para listas e views.
Quando usar:
- Para utilizar com filtros.
- Houver popovers contendo opções de filtragem.
Quando não usar:
- Em substituição à um Multiselect ou Select.
Uso
js
<CdsDropdown
label="Idade"
content="0 a 120 anos"
@click="isActive = !isActive"
/>Preview
Idade: 0 a 120 anos
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
* content (required) | string | 'Conteúdo' | -- | Conteúdo do Dropdown. |
* label (required) | string | 'Label' | -- | Label exibida ao lado do conteúdo |
disabled | boolean | false | -- | Controla a disponibilidade do Dropdown |
dropdownWidth | number | 0 | -- | Controla o tamanho do popover do Dropdown (em pixels). O tamanho nunca é menor que a largura do Dropdown. |
Eventos
Nome | Descrição |
|---|---|
@click | Evento que indica que o FilterPill foi clicado |
Slots
Nome | Descrição |
|---|---|
#default | Slot usado para inserção de conteúdo dentro do dropdown do FilterPill. |