COMPONENT / DATA-DISPLAY
Avatar.
Tampilkan dua karakter pertama name dalam lingkaran.
Preview
DE
PHP view
<?= component('avatar', ['name' => 'DesignLof']) ?>Usage
Tampilkan dua karakter pertama name dalam lingkaran. Implementasi DL ini hanya fallback teks, tidak menerima src gambar.
- Gunakan layout DL yang sudah memuat CSS dan dl.js.
- Letakkan kode berikut di view PHP Anda.
- Ganti data contoh dengan nilai aplikasi. Teks di-escape otomatis.
PHP view
<?= component('avatar', ['name' => 'DesignLof']) ?>API reference
Props PHP yang didukung implementasi DL. Field di dalam array mengikuti bentuk pada kolom Type. Props yang tidak dicantumkan tidak menjadi bagian API komponen.
| Prop | Type / values | Panduan |
|---|---|---|
name | string | Nama field form; pada avatar/attachment menjadi nama yang ditampilkan. |
Behavior & accessibility
Nama lengkap tersedia lewat aria-label. Untuk nama Unicode kompleks, sesuaikan pemotongan karakter di template.
Uji keyboard, fokus, dan pembaca layar pada halaman aplikasi Anda. Contoh ini tidak menggantikan audit aksesibilitas aplikasi secara menyeluruh.
Source & agent context
Source tersedia di views/components/avatar.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component avatar