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.