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.

AçãBotão em view

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

Posição

Por padrão de leitura todo botão que executa determinada ação com objetivo de manipulação de um processo deve se localizar no canto superior direito.

Cor

 

Ícone
Preenchimento
Borda
Exemplo Visual
Snippet de código

Botão dentro de modal

Posição
Cor
Ícone
Preenchimento
Borda

Ação

Exemplo dentroVisual
Snippet de modal
código

AçãBotão em card

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

AçãBotão no item do card

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