ActionsList

Actions lists são componentes usados para mostrar uma lista de ações em linha, podendo algumas delas serem ocultas.

---

Quando usar

• Houver ações associadas a um item de uma lista ou linha de tabela.
• Houver várias ações possíveis em determinada situação, mas algumas delas puderem ser colapsadas.

Quando não usar

• For necessário o uso de botões.
• For necessário construir componentes de navegação (Menu, navbar, etc).
• As ações listadas afetam toda a view ou mais que um conjunto de dados relacionados.

---

Uso

<CdsActionsList
	:actions="actions"
	:numberOfExpandedActions="2"
>
	<template
		#action="{ list }"
	>
		{{ list.title }}
	</template>
</CdsActionsList>

---

Preview

Icon1

Icon2

Mais ações

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* actions (required)	array	[]	--	A lista de actions a ser renderizada. Caso queira que um item da lista fique desabilitado, basta passar a prop `disabled` como true nesse item no array.
numberOfExpandedActions	number	2	--	O número de itens que vai ser mostrado quando o componente for renderizado.

Eventos

Nome	Descrição
@expanded	Evento emitido quando a lista é expandida ('true') ou contraída ('false').
@action-clicked	Evento emitido quando o item da lista é clicado.

Slots

Nome	Descrição
#action	Scoped slot para renderização customizada das 'actions'.
#action-trigger	Slot para renderização customizada do conteúdo do item

---