Componente 4.20 Botão Dropdown

Definição

Botão Drop down é uma mistura de botão simples e combo box. Ou seja, é um botão que ao ser clicado abre um menu com opções de entrada.

Assim como os botões simples, os botões Drop down são encontrados em suas três variações: primários, secundários e de formulários.

Especificações

b.1) Dimensões:          

            Altura dos botões: 35px

            Largura mínima dos botões: 104px

            Distância entre botões: 20px

b.2) Cores:
         
(Consulte o tópico 2.2 para mais informações sobre cores)

            Botão primário: 2

            Botão secundário: transparente

            Botão formulário: 4

            Faixa de hover do menu: 6

            Contorno do menu: 5 (1px)

 b.3) Textos:

            Texto botão primário: OSr/14 (8)

            Texto botão secundário: OSr/14 (1)

            Texto botão formulário: OSr/14 (8)

            Texto do menu: OSr/14 (9)

Comportamento

Assim como os botões simples, os botões drop down seguem o mesmo comportamento de hover e desabilitação (consultar o tópico 4.1 deste guia para mais informações sobre botões).