Padroniza as cores de status dentro do sistema como alertas, ações de sucesso, informação, atenção e alertas.

Utilizados para finalizar uma ação principal dentro do sistema como por exemplo um "Enviar".

Padrão Primário Primário 2 Info Sucesso Atenção Atenção 2 Perigo Perigo 2 Link comum

Para botões maiores ou menores que se adaptem ao espaço onde será utilizado.

Grande Grande Padrão Padrão
Pequeno Pequeno Mini Mini

Usados para funções secundárias. Aquelas utilizadas para navegação ou uso dentro de um mesmo contexto. Crie botões de bloco ou de contorno.

Padrão Primário Primário 2 Info Sucesso Atenção Atenção 2 Perigo Perigo 2

Botão Bloco

Botões Dropdowns com vários tamanhos e cores. Permite a separação contextual dos links.

Para grupos de botões. Ideal para a situação onde mais de uma ação é relacionada ao mesmo elemento.

Para todos os botões de qualquer widthXhtml ou cor é possível adicionar ícones do lado direito ou esquerdo. Ou mesmo optar por somente o ícone.

Enviar Upload Editar Excluir Mapa Destaque

A variação de widthXhtml também é aplicada aos botões com ícones.

Usuários
Volume
Imprimir
Reciclar
Música
Estrelas
Médico