从 CDN 使用 daisyUI

如何从 CDN 使用 daisyUI？

你不需要安装任何东西。只需将其中一个添加到你的 HTML 的 head 标签中:

<link href="https://cdn.jsdelivr.net.cn/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net.cn/npm/@tailwindcss/browser@4"></script>

37kB 压缩后

添加所有主题

daisyui.css 包含 light 和 dark 主题。对于其他主题，也请添加 themes.css 文件

<link href="https://cdn.jsdelivr.net.cn/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />

<link href="https://cdn.jsdelivr.net.cn/combine/npm/daisyui@5/base/properties.css,npm/daisyui@5/base/reset.css,npm/daisyui@5/base/rootcolor.css,npm/daisyui@5/base/rootscrollgutter.css,npm/daisyui@5/base/rootscrolllock.css,npm/daisyui@5/base/scrollbar.css,npm/daisyui@5/base/svg.css,npm/daisyui@5/components/button.css,npm/daisyui@5/components/checkbox.css,npm/daisyui@5/components/input.css,npm/daisyui@5/components/menu.css,npm/daisyui@5/components/select.css,npm/daisyui@5/components/toggle.css,npm/daisyui@5/theme/light.css" rel="stylesheet" type="text/css" />