Components
BottomSheet
A mobile sheet that slides up from the bottom edge, from seed-design.
Available since@crisp-ui-kit/crisp@0.57.2
A focus-trapped sheet (Zag dialog, same machine as Dialog/Drawer) that slides up from the
bottom edge over a darker scrim — daangn/seed-design's bottom-sheet.yaml (crisp#911, crisp
has no such component measured from Attio). Only the top corners round; the panel sits flush
with the viewport's bottom edge.
Installation
npm install @crisp-ui-kit/crispProps
Prop
Type
Compose the body with BottomSheetBody and actions with BottomSheetFooter. headerAlign
("left", the default, or "center") and whether a close button shows (showCloseButton,
defaults to true when title is set) both shift the title's own padding to keep clear of
the corner close button — matching seed's own four-combination header matrix.