IconButton

IconButtons são componentes que permitem que o usuário execute uma ação com um toque.

---

Quando usar:

• For necessário comunicar ao usuário que ele pode executar uma ação na interface, seja em diálogos, janelas modais, formulários, cards, etc.

Quando não usar:

• For necessário dar a opção de executar uma ação como um detalhe pequeno na interface. Nesse caso, recomendamos o uso de links.

---

Uso

<CdsIconButton
	size="sm"
	icon="trash-outline"
/>

---

Preview

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
size	string	'md'	sm md lg	Especifica o tamanho do botão. São 3 tamanhos implementados: 'sm', 'md', 'lg'.
icon	string	'create-outline'	--	Especifica o `name` do ícone do cuida icons a ser apresentado no corpo do botão.
disabled	boolean	false	--	Controla a disponibilidade do botão.
tooltipText	string	null	--	Texto a ser exibido como tooltip com o hover do botão.
feedbackOnClick	boolean	false	--	Quando ativo, faz com que, após iteração do usuário, o ícone do botão seja temporariamente alterado.
feedbackIcon	string	'check-outline'	--	Ícone mostrado após clique do usuário.
variant	string	'white'	green teal blue indigo violet pink red orange amber dark	A variante de cor. São 10 variantes:

Eventos

Nome	Descrição
@cds-click	Evento que indica que o botão foi clicado

---