Primitives/Box Primitive (AppBox)

Box Primitive (AppBox)

● Ready Web Nuxt 4 + Mobile React Native

Elemen pembungkus serbaguna untuk mengatur padding, warna latar belakang, dan border-radius menggunakan token desain Zenko.

Import <AppBox />

Pembungkus dasar bertoken

Pakai AppBox setiap kali sebuah blok konten butuh padding, warna latar, radius, atau border yang konsisten dengan skala token Zenko, bukan nilai Tailwind yang diketik manual seperti p-[13px] atau bg-[#f4f4f4]. Untuk pembungkus murni struktural yang tidak membutuhkan nilai visual bertoken sama sekali, <div> biasa masih boleh dipakai — AppBox ada untuk kasus yang butuh konsistensi visual, bukan pengganti setiap div di kodebase.

AppBox Live Example

Konten di dalam AppBox

Menggunakan token padding 'md' (16px), background 'surface-alt', dan radius 'md' (10px).

Butuh detail props, events, dan slot?