为 React Router 安装 daisyUI

如何在 React Router 项目中安装 daisyUI

1. 创建一个新的 React Router 项目

在当前目录下创建一个新的 React Router 项目

终端
npm create react-router@latest ./

2. 安装 daisyUI

终端
npm install daisyui@latest

3. 添加 daisyUI

将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中(并移除旧样式)

app/app.css
@import "tailwindcss";
@plugin "daisyui";

现在你可以使用 daisyUI 类名了!

daisyUI store

NEXUS
官方 daisyUI 仪表盘模板

在 daisyUI 商店中可用

更多详情