คอมโพเนนต์ทั้งหมด

Sheet

แผงที่เลื่อนจากขอบจอ สำหรับเนื้อหายาวหรือรอง

ui/overlay.tsxClient component

ใช้งาน

Dialog ที่เลื่อนจากขอบ ใช้กับตัวกรอง เมนูบนมือถือ และรายละเอียดที่ไม่ต้องออกจากหน้า

tsx

<Sheet title="ตัวกรอง" trigger={<Button>ตัวกรอง</Button>}
  footer={close => <Button variant="primary" onClick={close}>แสดง 12 คอร์ส</Button>}>
  <Checkbox label="เริ่มต้น" />
</Sheet>

<Sheet side="bottom" title="แชร์บทเรียน" trigger={…}>…</Sheet>

Props

Prop	Type	Default	คำอธิบาย
`side`	`"right" \| "left" \| "bottom"`	`"right"`	ขอบที่เลื่อนออกมา
`...`	`DialogProps`	`-`	เหมือน Dialog ทุกอย่าง ยกเว้น size