Pengantar

Apa yang ada di dalam kit?

Asrul UI adalah paket source TypeScript untuk React: components, hooks, utils, CSS, galeri, landing page, dokumentasi, dan boilerplate. Komponen inti tidak mengimpor Next.js atau router tertentu.

ZIP memiliki tiga pilihan: proyek-react untuk starter Vite, proyek-baru untuk starter Next.js, dan proyek-yang-ada/kit untuk aplikasi React yang sudah berjalan.

• React dan React DOM 18.2+; build distribusi diuji memakai React 19.2.8.
• TypeScript dengan library ES2021 atau lebih baru, serta lucide-react untuk ikon.
• styles.css sudah dikompilasi; tokens.css dipakai jika Anda mengelola pipeline Tailwind 4 sendiri.

Alur penggunaan

Mulai dari panduan instalasi yang sesuai, impor CSS sekali, lalu impor komponen langsung dari modulnya. Komponen form umumnya menerima state dan callback dari parent. Pakai API reference untuk memeriksa props wajib dan tipe nilai.

Setiap halaman referensi memuat lokasi sumber, cara impor, contoh, catatan integrasi, serta API yang dihasilkan dari deklarasi TypeScript. Preview memakai state lokal dan tidak menyimpan data.

import "./kit/styles.css";
import { Button } from "./kit/src/components/button";

export default function App() {
  return <Button onClick={() => console.log("clicked")}>Mulai</Button>;
}

Batas paket

Kit menyediakan antarmuka. Autentikasi, pembayaran, database, email, dan layanan unggahan dihubungkan oleh aplikasi Anda. Contoh auth dan pricing memakai data demo.

Impor relatif pada contoh menghindari kebutuhan alias khusus. Jalur kompatibilitas lama seperti kit/src/button tetap tersedia; struktur src/components, src/hooks, dan src/utils disarankan untuk integrasi baru.