Toggle.
Tombol status tekan dengan pressed awal.
Preview
<?= component('toggle', ['label' => 'Bold']) ?>Usage
Tombol status tekan dengan pressed awal. Dengarkan dl:change untuk menghubungkan status ke aplikasi.
- 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.
<?= component('toggle', ['label' => 'Bold']) ?>Examples
Pressed
<?= component('toggle', ['label' => 'Bold', 'pressed' => true]) ?>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. |
pressed | bool | Kondisi tombol ditekan awal (default false). |
Behavior & accessibility
aria-pressed mengikuti state. Ini bukan input form; kirim nilai secara eksplisit jika diperlukan.
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.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
php dl component toggle