ActionBar

ActionBars são barras de ferramentas que podem exibir ações e informações para o usuário.

---

Quando usar

• Par agrupar ações que o usuário pode tomar sobre itens de uma lista ou tabela.
• Não houver espaço nos menus e em outros locais para exibir ações e informações.

Quando não usar

• Para exibir os status do sistema.
• Em modo flutuante, a ActionBar ocultar permanentemente informações na tela.

---

Uso

<CdsActionBar
	:actions="['Button1', 'Button2']"
	:show="showActionBar"
	@click="logAction"
	@close="logClose"
>
	<template #description>
		8 itens selecionados
	</template>
</CdsActionBar>

---

Preview

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
show	boolean	false	--	Controla a exibição do modal.
float	boolean	false	--	Faz com que a ActionBar flutue acima do conteúdo da view, sendo colocada na parte inferior da página
dismissible	boolean	false	--	Prop que exibe botão de fechamento da ActionBar.
light	boolean	false	--	Especifica se a versão da ActionBar é a light.
actions	array	[]	--	Indica os botões a serem exibidos na ActionBar.

Eventos

Nome	Descrição
@click	Evento emitido quando os botões são clicados.
@close	Evento emitido quando o botão "X" é clicado.

Slots

Nome	Descrição
#description	Slot utilizado para renderização de texto no componente.
#actions	Slot para renderização de botões na ActionBar.

---