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