Sheet
Panel geser dari sisi layar.
Basis: Mesin <dialog> yang sama dengan Dialog, dipaku ke tepi layar. Tingginya memakai 100dvh agar chrome peramban ponsel tidak mendorong kaki panel keluar layar saat ditangkap dalam bingkai.
src/components/ui/sheet.tsxSisi Kemunculan
Props
| Prop | Tipe | Bawaan | Keterangan |
|---|---|---|---|
trigger | ReactNode | — | Elemen yang membuka panel. |
title | ReactNode | — | Judul di kepala panel. |
children | ReactNode | — | Isi panel. Dapat digulir. |
footer | ReactNode | — | Tombol aksi di kaki panel. |
side | "left" | "right" | "right" | Tepi layar tempat panel muncul. |
defaultOpen | boolean | false | Membuka panel saat dipasang, untuk kebutuhan tangkapan layar. |