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.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 todo botãobotões que executaexecutam determinadauma ação comrelativa objetivo de manipulação de umao processo devedevem seser localizaralinhados noao canto superior direito, enquantoem contraste botões de retorno se localizamalinham aao esquerda.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