COMPONENT / ACTIONS
Toggle Group.
items menerima label, value dan pressed.
Preview
PHP view
<?= component('toggle-group', ['label' => 'Try this component', 'items' => [['label' => 'Left', 'pressed' => true], ['label' => 'Center'], ['label' => 'Right']]]) ?>Usage
items menerima label, value dan pressed. multiple true membolehkan banyak pilihan; default hanya satu.
- 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('toggle-group', ['label' => 'Try this component', 'items' => [['label' => 'Left', 'pressed' => true], ['label' => 'Center'], ['label' => 'Right']]]) ?>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 |
|---|---|---|
label | string | Teks label, pemicu, atau nama aksesibel komponen. |
items | array<{label:string,value?:string,pressed?:bool}> | Urutan item; struktur lengkap ditunjukkan pada tipe dan contoh. |
multiple | bool | Memungkinkan banyak pilihan (default false). |
Behavior & accessibility
Grup memiliki aria-label dan tiap tombol aria-pressed. Tidak ada pengiriman form otomatis.
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/toggle-group.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component toggle-group