Bottom Sheet

Preview

About

A modal panel that rises from the bottom of the screen — used at every breakpoint (it doesn't turn into a dialog on desktop). Open it with showKasyBottomSheet.

• Default constructor: alert/confirmation — optional icon+iconTone in a bubble, centered title and message, stacked actions (KasyButton)
• iconTone: info, success, warning, danger, neutral
• KasyBottomSheet.form(...): a compact, left-aligned layout for forms — takes a body (e.g. KasyTextField) and automatically rises with the keyboard (addKeyboardInset)
• showDragHandle, addBottomSafeArea: control the drag handle and the safe-area padding
• showKasyBlurBottomSheet: the same sheet with a blurred background instead of the default dimming
• showKasyChoiceSheet + KasyBottomSheetOption: a choice sheet (a list of options with icon, selection, destructive/disabled state) without having to rebuild the scaffold
• KasySheetSurface: the sheet's chrome (rounded top corners + handle) for custom bodies

KasyTextField.primary fields inside the sheet automatically get elevated fill to contrast with the surface.

Last updated on 08/23/2026