自定义 daisyUI 组件
如何自定义 daisyUI？
daisyUI 组件自带设计系统所需的多种变体，通常你无需进行任何自定义。
但你仍然可以通过多种方式自定义组件。
- 假设，你想自定义这个按钮
<button class="btn">Button</button>- 你可以使用 daisyUI 实用工具类
<button class="btn btn-primary">One</button>
<button class="btn btn-secondary">Two</button>
<button class="btn btn-accent btn-outline">Three</button>- 你可以使用 Tailwind 的实用工具类
<button class="btn rounded-full">One</button>
<button class="btn rounded-none px-16">Two</button>- 你可以在你的 CSS 文件中使用 Tailwind 的 @apply 指令自定义组件
@utility btn {
@apply rounded-full;
}你有问题吗？ 在 GitHub 上提问 或 Discord 服务器
你发现了一个错误？ 在 GitHub 上提交 issue
你喜欢 daisyUI 吗？ 发帖宣传一下！
支持 daisyUI 的开发： Open Collective
