Componente 4.20 Botão Dropdown
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.
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)
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).