Sheet

An overlay panel sliding from an edge.

import { BuiSheet } from 'ng-blatui';

<button (click)="open.set(true)">Open</button>
<bui-sheet [(open)]="open" side="right">…</bui-sheet>

Left side

<bui-sheet [(open)]="open" side="left">…</bui-sheet>

Bottom side

<bui-sheet [(open)]="open" side="bottom">…</bui-sheet>

Scrollable

<bui-sheet [(open)]="open" side="right">
  <h2>Terms</h2>
  <div class="flex-1 overflow-y-auto">…long content…</div>
  <button buiButton>Accept</button>
</bui-sheet>