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
⚡Nenhum evento foi disparado
Props
Nome | Tipo | Default | Opções | Descrição |
---|---|---|---|---|
variant | string | 'green' | green teal blue indigo violet pink red orange amber dark | A variante de cor. |
text | string | '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. |
disabled | boolean | false | -- | Controla a disponibilidade do Botão. |
Eventos
Nome | Descrição |
---|---|
@click |
Slots
Nome | Descrição |
---|---|
#default | Slot padrão utilizado para exibir texto do botão. |