Pular para o conteúdo principal

Drawer

Base

Tamanhos

Pequeno

Para usar em menor tamanho, utilize a propriedade size e passe o parâmetro Drawer.sizes.sm.

Médio (padrão)

Tamanho padrão, por isso não existe necessidade de usar a propriedade size.

Grande

Para usar em maior tamanho, utilize a propriedade size e passe o parâmetro Drawer.sizes.lg.

Conteúdo personalizado

O conteúdo da Drawer pode ser customizado, aplicando outros componentes, conforma a necessidade.

Múltiplas Drawers

É possível adicionar múltiplas drawers para a realização de um fluxo.

Sem overlay

Para remover o overlay, defina a propriedade scrim como false.

Atenção

Ao realizar essa definição, a Drawer só pode ser fechada quando acontece um clique no botão de fechar, localizado no topo da Drawer, ou se existir um botão dentro da Drawer com essa função.

Sem ações no rodapé

Quando a Drawer for usada apenas para trazer mais informações, não é necessário adicionar os botões de ações no rodapé.

Com Form

É possível criar formulários dentro de uma Drawer, usando o componente Form.

Feedback