ข้ามไปเนื้อหา
แบรนด์ที่แสดง
ธีม: ตามระบบ
คอมโพเนนต์ทั้งหมด

Avatar

รูปหรืออักษรย่อของคน เดี่ยวหรือเป็นกลุ่ม

ui/display.tsxServer safe

ขนาดและแบบ

Aswin SinghemAswin SinghemณปTLL
กศMCAswin Singhemปว
tsx
<Avatar src="/img/aswin-avatar.jpg" name="Aswin Singhem" size="lg" />
<Avatar name="ณิชา ปัญญาดี" />
<AvatarGroup>
  <Avatar name="กันต์ ศรีสุข" />
  <Avatar name="Mali Chen" />
</AvatarGroup>

Props

PropTypeDefaultคำอธิบาย
namestring-ชื่อเต็ม ใช้เป็น alt และอักษรย่อ
srcstring-รูป ไม่มีจะแสดงอักษรย่อ
size"sm" | "md" | "lg" | "xl""md"28 / 40 / 56 / 88 px
shape"circle" | "square""circle"สี่เหลี่ยมสำหรับองค์กรหรือคอร์ส