Panel
Painel lateral modal para formulários e detalhes. Desliza do lado escolhido, prende o foco enquanto aberto, fecha com Esc ou no X e devolve o foco ao gatilho. No celular vira uma folha que sobe de baixo.
Adicionar signatário
Painel controlado, com rodapé de ações e formulário no corpo.
Lados e tamanhos
Não controlado, com o gatilho passado por trigger.
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — | Estado controlado ou inicial. |
| trigger | ReactNode | — | Elemento que abre o painel (asChild). |
| side | "right" | "left" | "bottom" | "right" | Lado de entrada a partir de 768px. Abaixo disso, sempre de baixo. |
| size | "sm" | "md" | "lg" | "xl" | "full" | "md" | 320, 560, 720, 920px ou a tela menos a margem. |
| title | ReactNode | — | Título do diálogo (obrigatório para acessibilidade). |
| description | ReactNode | — | Descrição do diálogo. |
| icon | ReactNode | — | Ícone ao lado do título. |
| hideClose | boolean | false | Esconde o botão de fechar. |
| footer | ReactNode | — | Ações do rodapé. |
| PanelRoot, PanelTrigger, PanelContent, PanelHeader, PanelBody, PanelFooter, PanelClose | partes | — | Composição manual. |