Primitives/Primitives Architecture Overview

Primitives Architecture Overview

● Ready Web Nuxt 4 + Mobile React Native

Blok pembangun dasar (Layout & Foundation Primitives) untuk menyusun tata letak antarmuka yang konsisten secara deklaratif di Web (Nuxt 4 / Vue) dan Mobile (React Native).

<AppBox />

Kontainer polimorfik untuk mengatur padding, background, border, dan border-radius berbasis token.

<AppStack />

Tata letak satu dimensi vertikal dengan pengaturan jarak token antar elemen anak.

<AppInline />

Tata letak horizontal flex-wrap untuk membungkus badge, tombol, atau keyword tags.

<AppText />

Elemen teks terstandarisasi untuk skala ukuran font, ketebalan, dan warna kontras WCAG.

<AppMetricText />

Penyajian angka statistik besar (Total Skor, Ranking, Sisa Waktu) dengan indikator tren.

<AppPressable />

Elemen interaksi universal dengan animasi active scale, focus ring, dan area sentuh 44pt.