Property showcase.
Editable residence rows with floor-plan imagery and property specifications.
Preview
Sky Residence
170 m²Internal area
An illustrative residence with space to make your own.
- Bedrooms
- 3
- Bathrooms
- 3
- Level
- Upper level
Price on enquiry
Explore residence<?= component('property-showcase', ['items' => [['title' => 'Sky Residence', 'unit' => 'A1', 'size' => '170 m²', 'bed' => '3', 'bath' => '3', 'floor' => 'Upper level', 'price' => 'Price on enquiry', 'text' => 'An illustrative residence with space to make your own.', 'href' => '/site', 'label' => 'Explore residence']]]) ?>Usage
Use Property → Property showcase in the visual editor. Set each title, unit, size, bedrooms, bathrooms, floor, price label, description, image/alt text and link. Image accepts the CMS library or upload. Reorder and remove rows; 1–12 items.
- 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('property-showcase', ['items' => [['title' => 'Sky Residence', 'unit' => 'A1', 'size' => '170 m²', 'bed' => '3', 'bath' => '3', 'floor' => 'Upper level', 'price' => 'Price on enquiry', 'text' => 'An illustrative residence with space to make your own.', 'href' => '/site', 'label' => 'Explore residence']]]) ?>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 |
|---|---|---|
items | array of 1–12 data objects | Use the example structure. Values are validated and text escaped. |
Behavior & accessibility
Semantic articles and definition lists. Escaped text, accessible links and responsive rows. Images require meaningful alternative text.
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/property-showcase.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
php dl component property-showcase