COMPONENT / DATA-DISPLAY
Item.
Baris ringkas dengan ikon DL, title, text, dan tautan opsional.
Preview
Your workspaceEverything in one place.
Try this componentPHP view
<?= component('item', ['title' => 'Your workspace', 'text' => 'Everything in one place.', 'label' => 'Try this component', 'href' => '/components', 'icon' => 'folder']) ?>Usage
Baris ringkas dengan ikon DL, title, text, dan tautan opsional. icon harus nama Solar Linear yang tersedia.
- 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('item', ['title' => 'Your workspace', 'text' => 'Everything in one place.', 'label' => 'Try this component', 'href' => '/components', 'icon' => 'folder']) ?>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 |
|---|---|---|
title | string | Judul konten yang ditampilkan. |
text | string | Isi teks biasa; HTML di-escape. |
label | string | Teks label, pemicu, atau nama aksesibel komponen. |
href | string | Tautan lokal, fragment atau HTTPS yang lolos UI::href. |
icon | string | Nama ikon koleksi solar-linear; cari dengan php dl icons. |
Behavior & accessibility
Ikon bersifat dekoratif; label tautan menjelaskan aksi.
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/item.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component item