COMPONENT / DATA-DISPLAY
Message.
Gabungkan author, text dan waktu.
Preview
Welcome to your next project.
PHP view
<?= component('message', ['text' => 'Welcome to your next project.', 'author' => 'DesignLof', 'time' => '10:30', 'datetime' => '2026-09-23T10:30:00+07:00']) ?>Usage
Gabungkan author, text dan waktu. datetime sebaiknya timestamp ISO; time adalah label yang terbaca manusia.
- 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('message', ['text' => 'Welcome to your next project.', 'author' => 'DesignLof', 'time' => '10:30', 'datetime' => '2026-09-23T10:30:00+07:00']) ?>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 |
|---|---|---|
text | string | Isi teks biasa; HTML di-escape. |
author | string | Nama pengirim pesan. |
time | string | Label waktu yang terlihat. |
datetime | string | Nilai atribut datetime pada elemen time; gunakan ISO 8601. |
side | string | incoming atau outgoing (default incoming). |
Behavior & accessibility
Nama pengirim terlihat dan teks di-escape. side outgoing membedakan pesan keluar.
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/message.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component message