inatorsui

Inators UI

Inators UI adalah perpustakaan UI berdasarkan UI Shadcn, yang dirancang untuk menyederhanakan pengembangan antarmuka pengguna yang bergaya dan responsif di selanjutnya. Proyek 14.

Instalasi

Instal dan konfigurasikan shadcn UI.

Membuat proyek

Mulailah dengan membuat proyek NEXT.JS baru menggunakan create-next-app:

npx create-next-app@latest my-app

Jalankan CLI

Jalankan perintah shadcn ui init untuk mengatur proyek Anda:

npx shadcn-ui@latest init

Inators UI Penggunaan

Instal dan konfigurasikan komponen UI shadcn.

Instal komponen

Mulailah dengan menginstal komponen baru dengan menggunakan perintah dari halaman dropdown halaman komponen:

npx shadcn-ui@latest add button dropdown-menu

Salin kode dari halaman komponen

Buat file baru menggunakan editor kode Anda, mis. ButtonOptions.tsx , di folder komponen Anda dan salin kode dari halaman komponen.

Impor komponen yang dibuat untuk menggunakannya

Tambahkan komponen untuk menggunakan ButtonOptions.tsx :

Kode contoh

 import ButtonOptions from "@/components/ButtonOptions" ;
// Your component usage code here