คอมโพเนนต์ทั้งหมด
Switch
เปิดปิดการตั้งค่าที่มีผลทันที
ui/choice.tsxServer safeการตั้งค่า
input type=checkbox พร้อม role=switch มีผลทันทีโดยไม่ต้องกดบันทึก
<Switch label="แจ้งเตือนเมื่อมีบทเรียนใหม่" defaultChecked />
<Switch label="โหมดโฟกัส" />
<Switch label="ซิงก์กับปฏิทิน" disabled />Props
| Prop | Type | Default | คำอธิบาย |
|---|---|---|---|
label | ReactNode | - | ชื่อการตั้งค่า |
size | "sm" | "md" | "md" | 44×26 หรือ 36×22 px |
...props | InputHTMLAttributes | - | checked, defaultChecked, onChange |
การเข้าถึง
- โปรแกรมอ่านหน้าจออ่านเป็นสวิตช์ เปิดหรือปิด
- สถานะไม่ได้บอกด้วยสีอย่างเดียว ตำแหน่งปุ่มกลมเปลี่ยนด้วย
ใช้เมื่อไร
ควรทำ
- ป้ายบอกสิ่งที่จะเปิด ไม่ใช่สถานะ
- บันทึกทันทีและแจ้งเมื่อบันทึกไม่สำเร็จ
ไม่ควรทำ
- ใช้ในฟอร์มที่ต้องกดส่งภายหลัง
- เขียนป้ายเป็นคำถาม