Overlay

Sheet

Themed bottom sheet opened from a service, with detents, a grab handle and drag-to-dismiss.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjSheetComponent } from '@kouji-ui/components';

detent

dismissible

sheet.open(SheetBody, {
  detent: 'auto',
  dismissible: true,
});