Skip to content

FlatButton

FlatButtons são componentes semelhantes a links, mas que funcionam como botões.


Quando usar

  • Componente usado quando a interface necessita de botões menos proeminentes, sem comprometer a hierarquia visual da tela.

Quando não usar

  • For necessário dar a opção de executar uma ação como um detalhe pequeno na interface.

Uso

js
<CdsFlatButton
	variant="green"
	text="Link Button"
/>

Preview

Mostrar log

Props

Nome
Tipo
Default
Opções
Descrição
variantstring'green'green
teal
blue
indigo
violet
pink
red
orange
amber
dark
A variante de cor.
textstring'Flat Button' -- Especifica o texto a ser apresentado no corpo do botão. Este texto será exibido apenas se o slot default não for utilizado.
disabledbooleanfalse -- Controla a disponibilidade do Botão.

Eventos

Nome
Descrição
@click

Slots

Nome
Descrição
#defaultSlot padrão utilizado para exibir texto do botão.

Última atualização:

Released under the Apache-2.0 License.