Drawer 🗑️
Este componente está descontinuado. Substitua pelo Drawer next. Para mais informações sobre os recursos next leia a documentação.
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.
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
To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.