Pular para o conteúdo principal

Button​

Componente Button - Default
Componente Button - GovLogin

📘 Modo de Uso​

O componente Button é um elemento fundamental para a interação do usuário com a interface.
Ele representa um elemento clicável que pode ser usado para ações como enviar formulários, navegar para outras páginas ou executar comandos específicos.

O componente possui duas variações principais:

  • Default: Para utilização padrão.
  • GovLogin: Variante especial destinada a indicar áreas de login ao Gov.BR/Gov.PI.
    • Essa versão assegura que a ação de login seja facilmente identificada e realizada.

Além disso, o Button possui variações de tamanho, estado, semântica e logos.

🔹 Button - Default​

🧩 Anatomia​

Anatomia - Button Default

📋 Propriedades​

Propriedades - Button Default

🔹 Button - GovLogin​

🧩 Anatomia​

Anatomia - Button GovLogin

📋 Propriedades​

Propriedades - Button GovLogin

⌨️ Código​

opl.input.component.button.default
opl.input.component.button.govLogin

🎨 Variantes​

Estados​

Estados do Botão

Tamanhos​

Tamanhos do Botão

Semântica​

Semânticas do Botão

Logos​

Logos