文章底部获取项目地址
// cli 方式安装
npx nextui-cli@latest add button
// 手动安装
npm install @nextui-org/button
// import 引入
import { Button } from "@nextui-org/react";
export default function App() {
return (
<Button color="primary">
Button
</Button>
);
}
module.exports = {
plugins: [
nextui({
layout: {}, // 通用布局选项
themes: {
light: {
layout: {}, // 浅色主题布局选项
// ...
},
dark: {
layout: {}, // 深色主题布局选项
// ...
},
// ... 自定义主题
},
}),
],
};
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!
其他推荐
Arco Design Mobile:字节新开源移动端 UI 组件库
项目地址
GitHub:https://github.com/nextui-org/nextui