Interação
Botão de ação flutuante
Floating action button
Destaca a principal ação da tela em um botão que permanece fácil de alcançar.
＋
Exemplo didático · Representação visual do padrão
Quando usar
Dar acesso a uma ação principal frequente, como criar um item.
Cuidados e acessibilidade
Não cubra conteúdo ou controles; use um nome que explique a ação.
Partes e comportamento
Ação principal, área de toque e posição persistente.
Não confunda
Um botão flutuante de ajuda e a ação principal da tela não são necessariamente o mesmo padrão.
Exemplo de código
<button type="button" aria-label="Criar projeto" class="fab">+</button>Trecho didático. Integre e teste no contexto do seu projeto.