DropdownButtons

DropdownButtons são componentes utilizados para ativar popovers contendo listas de ações.

---

Quando usar:

• Quando precisar agrupar ações sob um mesmo contexto.

Quando não usar:

• Em substituição à um Multiselect ou Select.
• Para exibir filtros
• Com mais de 5 ações

---

Uso

<CdsDropdownButton
	text="Finalizar solicitação"
	:items
	size="md"
	variant="green"
	:secondary=true
/>

---

Preview

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* items (required)	array	[]	--	Define a lista dos itens do DropdownButton a serem mostrados. Os itens da lista devem ser objetos com path ou route, e com uma label
variant	string	'gray'	green teal blue indigo violet pink red orange amber dark	A variante de cor. São 10 variantes:
secondary	boolean	false	--	Especifica se a versão do DropdownButton é a secundária. Essa propriedade tem maior prevalência que a prop `variant`.
ghost	boolean	false	--	Especifica se o componente deve ser exibido na sua versão ghost.
* text (required)	string	'Conteúdo'	--	Conteúdo do Dropdown.
dropdownWidth	number	0	--	Controla o tamanho do popover do Dropdown (em pixels). O tamanho nunca é menor que a largura do botão.
size	string	'md'	sm md lg	Especifica o tamanho do botão. São 3 tamanhos implementados: 'sm', 'md', 'lg'.

Eventos

Nome	Descrição
@click	Evento que indica que o DropdownButton foi clicado
@action-click