KasyKasy

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+iconTone opcionais em uma bolha, title e message centralizados, actions empilhadas (KasyButton)
  • iconTone: info, success, warning, danger, neutral
  • KasyBottomSheet.form(...): layout compacto alinhado à esquerda para formulários — recebe body (ex: KasyTextField) e sobe automaticamente com o teclado (addKeyboardInset)
  • showDragHandle, addBottomSafeArea: controlam a alça de arrastar e o respiro da safe area
  • showKasyBlurBottomSheet: mesma folha com fundo desfocado (blur) em vez do escurecimento padrão
  • showKasyChoiceSheet + KasyBottomSheetOption: folha de escolha (lista de opções com ícone, seleção, estado destrutivo/desabilitado) sem precisar remontar o scaffold
  • KasySheetSurface: 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

Nesta página