COMPONENT / DATA-DISPLAY
Badge.
Tampilkan status singkat seperti Published atau Draft; variant mengatur warna..
Preview
Published
PHP view
<?= component('badge', ['label' => 'Published', 'variant' => 'success']) ?>Usage
Tampilkan status singkat seperti Published atau Draft; variant mengatur warna.
- 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('badge', ['label' => 'Published', 'variant' => 'success']) ?>Examples
Success
Published
PHP view
<?= component('badge', ['label' => 'Published', 'variant' => 'success']) ?>Warning
Pending
PHP view
<?= component('badge', ['label' => 'Pending', 'variant' => 'warning']) ?>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. |
variant | neutral|success|warning|danger | Pilih salah satu varian ini. |
Behavior & accessibility
Sertakan status dalam teks, jangan hanya mengandalkan warna.
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/badge.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component badge