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

Empty state

บอกว่าพื้นที่นี้มีไว้ทำอะไร และทำอย่างไรให้มีข้อมูล

ui/feedback.tsxServer safe

พื้นฐาน

เครื่องหมายเปลี่ยนตามแบรนด์ องศาสำหรับ ASWINOLOGY° เส้น loop สำหรับ Lurnelle

ยังไม่มีคอร์สที่บันทึกไว้

กดรูปหัวใจที่คอร์สไหนก็ได้ แล้วคอร์สจะมารออยู่ที่นี่

ดูคอร์สทั้งหมด

tsx

<EmptyState
  title="ยังไม่มีคอร์สที่บันทึกไว้"
  actions={<Button variant="primary" href="/courses">ดูคอร์สทั้งหมด</Button>}
>
  กดรูปหัวใจที่คอร์สไหนก็ได้ แล้วคอร์สจะมารออยู่ที่นี่
</EmptyState>

ไม่พบผลลัพธ์

ไม่พบ “ภาษาเกาหลี”

ลองคำที่สั้นลง หรือดูคอร์สภาษาที่มีอยู่ตอนนี้: ญี่ปุ่น อังกฤษ และจีน

tsx

<EmptyState title="ไม่พบ “ภาษาเกาหลี”" actions={<Button onClick={clear}>ล้างตัวกรอง</Button>}>…</EmptyState>

Props

Prop	Type	Default	คำอธิบาย
`title`	`ReactNode`	`-`	บอกสถานะ
`children`	`ReactNode`	`-`	เหตุผลและสิ่งที่ทำได้
`actions`	`ReactNode`	`-`	การกระทำเดียวที่เติมข้อมูล
`mark`	`ReactNode`	`ตามแบรนด์`	เปลี่ยนเครื่องหมาย

ใช้เมื่อไร

ควรทำ

บอกว่าพื้นที่นี้มีไว้ทำอะไร
ให้ทางไปต่อหนึ่งทาง

ไม่ควรทำ

เขียนแค่ ไม่มีข้อมูล
ใส่ภาพประกอบที่ไม่เกี่ยวกับงาน