Bottom Sheet
Viewer ao vivo e documentação do componente Bottom Sheet.
Sobre
Painel modal que sobe da base da tela — usado em todo breakpoint (não vira diálogo no desktop). Abra com showKasyBottomSheet.
- Construtor padrão: alerta/confirmação —
icon+iconToneopcionais em uma bolha,titleemessagecentralizados,actionsempilhadas (KasyButton) iconTone:info,success,warning,danger,neutralKasyBottomSheet.form(...): layout compacto alinhado à esquerda para formulários — recebebody(ex:KasyTextField) e sobe automaticamente com o teclado (addKeyboardInset)showDragHandle,addBottomSafeArea: controlam a alça de arrastar e o respiro da safe areashowKasyBlurBottomSheet: mesma folha com fundo desfocado (blur) em vez do escurecimento padrãoshowKasyChoiceSheet+KasyBottomSheetOption: folha de escolha (lista de opções com ícone, seleção, estado destrutivo/desabilitado) sem precisar remontar o scaffoldKasySheetSurface: chrome de folha (cantos superiores arredondados + alça) para corpos customizados
Campos KasyTextField.primary dentro da folha ganham preenchimento elevado automaticamente para contrastar com a superfície.
Preview
Carregando o componente…
Atualizado em 03/11/2026

