Pular para o conteúdo principal

Gaveta

Exibe widgets filhos num painel sobreposto controlado pelo contexto.

Exemplo do widget Drawer na Visão de Utilizador demonstrativa

Configuração recomendada

  1. Escolha o lado e a chave do contexto de abertura.
  2. Adicione os widgets de detalhe ou de diagnóstico.
  3. Verifique a abertura, o fecho e a navegação por teclado.

Opções de configuração

ÁreaOpções
ContêinerWidgets filhos, grade interna e eventual exibição da grade na vista publicada.
GavetaLado, contexto que determina a sua abertura, estado inicial e fecho ao clicar fora.
IdentidadeTítulo, Subtítulo, visibilidade do cabeçalho, ícone do tipo e botão de ações.
ApresentaçãoVariante Padrão, Compacta ou Densa e mensagem a mostrar quando não houver dados disponíveis.
AparênciaFundo, imagem de fundo, borda, raio, preenchimento, sombra e tipografia das diferentes áreas.
PosiçãoCoordenadas e dimensões em células na grade da página ou do contêiner.

Melhores práticas

  • A Gaveta não deve ocultar erros ou pedidos de confirmação.
dica

Verifique sempre o widget em Pré-visualização, nos temas claro e escuro e com um estado sem dados antes de publicar a Vista.