• Você está em:
  • Componentes -
  • Botões

Botões

Botão 01 - outline azul

Botão único: Pode ser usado em telas com pouca informação em que é o único botão da página e não precisa destacar tanto dos outros elementos da página.
Exemplo: TELA 1 - Index

Botão 02 - azul com hover rosa

Botão principal: Deve ser usado na ação mais importante da página, sendo o único com esta configuração.
Exemplo: TELA 2 - Cadastro


Botão 02

Botão 03 - outline azul claro

Botão secundário: Em telas com vários botões, em que exista um botão principal do tipo 2, este botão deve ser usado nas ações menos relevante para o usuário.
Exemplo: TELA 2 - Cadastro

Botão 04 - cancelamento

Este estilo de botão deve ser utilizado nas opções de cancelamento de ações.
Exemplo: TELA 2 - Cadastro



Código