Padrão de botão dividido - evidência sobre usabilidade?

1. Qual é o uso do botão dividido?
2. Como você cria um botão dividido em html?

Qual é o uso do botão dividido?

Um botão dividido é um híbrido entre um botão e um menu: ele agrupa os comandos relacionados a um suspensão, mas também oferece acesso de um clique a uma opção padrão que não requer a abertura do menu.

Como você cria um botão dividido em html?

Exemplo explicado. Use qualquer elemento para abrir o menu suspenso, e.g. uma <botão>, <uma> ou <p> elemento. Use um elemento de contêiner (como <div>) para criar o menu suspenso e adicionar os links suspensos dentro dele. Enrole a <div> elemento em torno do botão e o <div> Para posicionar o menu suspenso corretamente com CSS.