Avatar - React
Avatar
import { Avatar } from '@idds/react';Contoh Penggunaan
Section titled “Contoh Penggunaan”Contoh 1
Section titled “Contoh 1”AB
CD
EF
GH
IJ
AB
CD
Contoh 2
Section titled “Contoh 2”
JD
SM
AB
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
src? | string | — | No | URL gambar avatar (bisa data URI / base64). Jika tidak disediakan, akan fallback ke `initials`. |
alt? | string | 'Avatar' | No | Alt text untuk gambar (digunakan untuk aksesibilitas). |
initials? | string | '' | No | Inisial (maksimum 2 karakter) yang ditampilkan saat `src` tidak ada. |
size? | 16 | 24 | 32 | 40 | 48 | 32 | No | Ukuran lebar & tinggi avatar dalam piksel. Pilihan: 16, 24, 32, 40, 48. |
shape? | 'circle' | 'square' | 'circle' | No | Bentuk avatar: circle (lingkaran) atau square (persegi dengan border-radius 8px). |
className? | string | '' | No | ClassName Tailwind tambahan untuk kontainer. |