DOCUMENTATION / FRONTEND

Component guide.

66 komponen PHP dengan preview langsung, contoh kode dan kontrak yang dapat dibaca agen AI.

PHP 8.2+No buildDL 0.2 alpha

Gunakan langsung

Semua source sudah ada di views/components. Layout memuat dl.css, components.css dan dl.js. Tidak perlu instalasi per komponen.

PHP view

<?= component('button', ['label'=>'Save changes', 'variant'=>'primary', 'icon'=>'check-circle']) ?>

Baca kontrak yang tepat

Setiap halaman komponen memiliki Usage, Preview, API reference, panduan keyboard dan catatan perilaku. Props DL adalah PHP array dan tidak identik dengan props React Coordiation.

Terminal

php dl component button

Komposisi dengan PHP

Teks props di-escape. Untuk nested HTML, susun komponen di view atau buat template baru; jangan kirim raw HTML melalui text.

PHP view

<section class="dl-card">
    <h2>Your project</h2>
    <?= component('badge', ['label'=>'Active', 'variant'=>'success']) ?>
    <?= component('button', ['label'=>'Open project']) ?>
</section>

Kustomisasi source

Edit template, tambahkan CSS statis, dan perbarui docs/components.json agar API dan dokumentasi tetap cocok. Simpan ID unik serta label native. modal dan dropdown tetap tersedia sebagai alias lama.

Perilaku tanpa JavaScript

Konten utama, form native, disclosure dan tabel tetap tersedia. Dialog, tabs aktif, sorting dan fitur interaktif memakai dl.js; lihat catatan per komponen.

Browse all components