Overlay

Drawer

Service-launched drawer (edge-anchored panel). Inject `KjDrawerService` and call `open()` with a template; the drawer absorbs the bottom-sheet pattern via `kjSide="bottom"` plus drag options. The wrapper exists to host the documentation page for the drawer suite.

03

Import

#import

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

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

Playground

#playground
<kj-button (click)="open()">Open drawer</kj-button>

// drawer body component
<kj-drawer>
  <h2>Drawer</h2>
  <p>Slide-in side panel — close with Escape or the backdrop.</p>
</kj-drawer>