SuperAPI AI 工具集

daisyui

前端与建站

查看项目

更新于 10-16 03:17

技能介绍

用途:DaisyUI 是 Tailwind CSS 的 CSS 组件类库,用 btn、card、modal 等语义化类名替代长串工具类,减少重复书写。安装:npm install daisyui。Tailwind CSS v4 使用 @import "tailwindcss"; 与 @plugin "daisyui"; 引入;v3 在 tailwind.config.js 中以 plugins: [require("daisyui")] 配置。主要能力:提供 65+ 组件,涵盖按钮、卡片、模态框、抽屉、导航栏、菜单、表单输入、表格、标签、提示、进度、加载、折叠、轮播等。类命名包含基础类、颜色修饰(primary、secondary、accent、neutral、info、success、warning、error、ghost)、尺寸(xs 至 xl)、样式(outline、dash、soft、ghost、link、glass)和形状(wide、block、square、circle)。主题通过 data-theme 属性应用,内置 30+ 主题,可作用于 html 或任意元素以实现局部主题;自定义主题用 CSS 变量与 OKLch 颜色值定义,如 --color-primary、--color-base-100、--radius-box 等。DaisyUI 类可与 Tailwind 响应式前缀和工具类组合,如 btn btn-primary w-full mt-4。资料还提到可通过 frontend-components MCP 服务浏览与检索组件参考。限制:资料主要介绍类库本身与用法约定,未提供定价、授权、平台支持范围及性能数据;未提供官方文档地址,仅给出收录页 URL。