Ir para o conteúdo principal

[SOLAR] Padronização dos estilos de botões do SOLAR

Objetivo

Estudo com objetivo de definir padrões de estilo dos botões de acordo com o contexto em que se encontram e quando devem ser utilizados.

Posição

Em geral os botões seguem um padrão de leitura da esquerda para a direita, desta forma botões que executam uma ação principal devem ser alinhados a direita do componente em que se encontra, em contraste botões de ação secundaria se alinham ao lado esquerdo.

Cor

O sistema segue a paleta de cor do template visual Admin pro, em conjunto com o padrão de cores definidos pelo framework Bootstrap

Botão em view

Guia de estilo relativo a botões localizados na área geral de uma view.

Ícone
Preenchimento
Borda
Exemplo Visual
Snippet de código
Botão dentro de modal


Posição
Ícone
Preenchimento
Borda
Exemplo Visual
Snippet de código
Botão em card


Posição
Ícone
Preenchimento
Borda
Exemplo Visual
Snippet de código
Botão no item do card


Posição
Ícone
Preenchimento
Borda
Exemplo Visual
Snippet de código