Drawer

A slide-in panel anchored to an edge.

import { BuiDrawer } from 'ng-blatui';

<button (click)="open.set(true)">Open</button>
<bui-drawer [(open)]="open" direction="right">Panel content</bui-drawer>

From bottom

<bui-drawer [(open)]="open" direction="bottom">…</bui-drawer>

From left

<bui-drawer [(open)]="open" direction="left">…</bui-drawer>

Scrollable

<bui-drawer [(open)]="open" direction="right" class="w-80">
  <h2>Changelog</h2>
  <div class="flex-1 overflow-y-auto">…long content…</div>
  <button buiButton>Close</button>
</bui-drawer>