Componentes — 11

Drawer

Painel lateral mobile-first para navegação auxiliar, filtros, sumários e ações contextuais sem ocupar a tela principal.

11.1

Painel lateral

O Drawer abre sobre a página, fecha por overlay, botão de fechar ou tecla Escape, e preserva uma área segura para leitura no mobile.

Drawer básico

<Drawer title="Filtros" trigger="Abrir filtros">
  <p>Conteúdo do painel lateral.</p>
</Drawer>

11.2

O componente aceita uso controlado ou não controlado e deve ser tratado como overlay acessível.

titleReactNodeTítulo associado ao painel por aria-labelledby

triggerReactNodeConteúdo do botão que abre o painel

open / onOpenChangeboolean / functionControle externo opcional

defaultOpenbooleanEstado inicial no modo não controlado

sideleft | rightLado de entrada do painel