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.

Botão em view

Relativo a botões localizados na área geral de uma view.

Posição

Por padrão de leitura botões que executam uma ação relativa ao processo devem ser alinhados ao canto superior direito, em contraste botões de retorno se alinham ao canto superior esquerdo.

Cor

Botões 

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


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


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


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