Botões

Dentro do site possuímos alguns tipos de botões como pode-se ver a direita. Cada botão faz parte de um componente diferente e é utilizado para uma função especifica, fazendo com que o usuário consiga identificar melhor os padrões de ações. Os botões podem: ter textos dentro ou fora do botão, ícones, bordas e serem preenchidos ou não.

1. Inline Button
2. Button
3. Item Button
4. Item List Button

1. Rótulo
2. Superfície
3. ícone

O componente Buttons Panel é principalmente encontrado no topo das páginas, normalmente abaixo de um banner e é formado por diversos botões, do tipo Button panel, que são botões com borda e textos dentro dos mesmos e possui seus botões alinhados e com tamanhos variáveis.

O componente Grid Buttons possui diversas variações de botões que podem ser colocadas em grids diferentes, podendo também ter os seus ícones alterados.

1. Grid Buttons, botões sem descrição
2. Grid de 2 colunas, botões com descrição
3. Grid de 1 coluna, botões com descrição
4. Grid com lista de botões