Skip to content
COMPONENT / LAYOUT

Studio Pricing.

Harga editorial dengan mode proyek/bulanan, add-on, CTA, dan kartu kontak.

Static CSS and progressive JavaScriptNo build

Preview

Ways to work together

A clear place to begin.Built around your brief.

A focused website engagement.

Strategy, design and implementation shaped around one clear outcome.

Customproposal

  • Creative direction
  • Responsive build
  • CMS handover

Delivery timeAgreed after discovery

Usage

Tambahkan dari Studio & commerce. Isi mode harga, benefit, durasi, add-on, dan CTA langsung dari inspector visual.

  1. Gunakan layout DL yang sudah memuat CSS dan dl.js.
  2. Letakkan kode berikut di view PHP Anda.
  3. Ganti data contoh dengan nilai aplikasi. Teks di-escape otomatis.
PHP view
<?= component('studio-pricing', []) ?>

Examples

Editorial offer

Ways to work together

A clear place to begin.Built around your brief.

A focused website engagement.

Strategy, design and implementation shaped around one clear outcome.

Customproposal

  • Creative direction
  • Responsive build
  • CMS handover

Delivery timeAgreed after discovery

PHP view
<?= component('studio-pricing', []) ?>

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.

Studio Pricing props
PropType / valuesPanduan
itemsarray1–3 pricing modes with mode, title, text, price, period, features, delivery, add-on and safe CTA.
contact_media_idintegerOptional existing CMS image for the contact card.

Behavior & accessibility

Mode pertama tersedia tanpa JavaScript. Tab mendukung klik, Arrow Left/Right, Home, dan End.

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/studio-pricing.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.

Terminal
php dl component studio-pricing

Component guide · JavaScript & events · Styling

Icons: Solar by 480 Design (CC BY 4.0) & Iconsax (MIT). PHP UI adapted from Coordiation. Logo: DesignLof.