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?
