inatorsui
1.0.0
Inators UI是一個基於ShadCN UI的UI庫,旨在簡化Next.js 14個項目中時尚和響應式用戶界面的開發。
安裝和配置ShadCN UI。
首先使用create-next-app創建一個新的next.js項目:
npx create-next-app@latest my-app運行Shadcn UI Init命令來設置您的項目:
npx shadcn-ui@latest init安裝和配置ShadCN UI組件。
首先通過使用“組件”頁面下拉菜單中的命令安裝新組件:
npx shadcn-ui@latest add button dropdown-menu使用代碼編輯器(例如, ButtonOptions.tsx )在組件文件夾中創建一個新文件,並從組件頁面複製代碼。
將組件添加到使用ButtonOptions.tsx :
import ButtonOptions from "@/components/ButtonOptions" ;
// Your component usage code here