对你的 HTML 增加组件类

如何使用 daisyUI 的组件类来装饰你的页面呢？

一旦你 安装完成 daisyUI， 你可以通过 btn, card 等等来使用组件类。

1. 不用再像这样通过 Tailwind 原生工具类来制作一个按钮:

<button
  class="inline-block cursor-pointer rounded-md bg-gray-800 px-4 py-3 text-center text-sm font-semibold uppercase text-white transition duration-200 ease-in-out hover:bg-gray-900">
  Button
</button>

Button

2. 你可以直接使用组件类来这样做:

<button class="btn">Button</button>

Button

3. 你可以通过增加 daisyUI 组件类来修改这个组件:

<button class="btn btn-primary">Button</button>

Button

4. 你也可以通过 TailwindCSS 的工具类来改变这个组件的样式:

<button class="btn w-64 rounded-full">Button</button>

Button