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

Stat

ตัวเลขสำคัญหนึ่งตัวพร้อมป้ายและการเปลี่ยนแปลง

ui/display.tsxServer safe

ใช้งาน

ผู้เรียนเดือนนี้1,284+12.4%เทียบกับเดือนก่อน

อัตราเรียนจบ61%-3.1%คอร์สที่ยาวกว่า 3 ชม.

เวลาเรียนเฉลี่ย24 นาที0%ต่อวัน

tsx

<Stat label="ผู้เรียนเดือนนี้" value="1,284" delta="+12.4%" trend="up" description="เทียบกับเดือนก่อน" />

ตัวเลขในตัวอย่างเป็นข้อมูลสมมติ

Prop	Type	Default	คำอธิบาย
`label`	`ReactNode`	`-`	ชื่อตัวชี้วัด
`value`	`ReactNode`	`-`	ค่า
`delta`	`ReactNode`	`-`	การเปลี่ยนแปลง
`trend`	`"up" \| "down" \| "flat"`	`"flat"`	ทิศทาง มีข้อความซ่อนให้โปรแกรมอ่านหน้าจอ
`description`	`ReactNode`	`-`	บริบทของตัวเลข