Pular para o conteúdo principal

Templates​

Abaixo seguem as configurações de templates mais comuns para o componente Drawer.

Template do Drawer - Navigation Drawer

📘 Modo de Uso​

O Navigation Drawer é um painel lateral que desliza da borda da tela, geralmente da esquerda, permitindo que os usuários acessem diferentes seções ou funcionalidades de um aplicativo.

É recomendado nos seguintes cenários:

  • Aplicativos com múltiplas seções: ideal para sistemas que possuem diversas categorias ou áreas de navegação.
  • Necessidade de espaço: mantém a navegação oculta até ser acionada, liberando o layout principal.
  • Interface limpa: ajuda a manter o foco no conteúdo, exibindo opções apenas quando necessário.
  • Navegação secundária: adequado para itens de menor prioridade ou menus auxiliares.

📃 Observações​

  • O conteúdo do drawer deve ser simples e direto, evitando sobrecarga cognitiva.
  • Prefira usar ícones acompanhados de texto para facilitar a compreensão.
  • Em dispositivos móveis, o drawer deve ocupar a tela inteira ou a maior parte dela.
  • Em desktops, pode ser usado como padrão permanente (sempre visível) ou temporário (abre e fecha sob demanda).