所有 daisyUI 组件
61 组件
手风琴
手风琴用于显示和隐藏内容，但一次只能保持一个项目打开。
警告框
警告框用于向用户通知重要事件。
头像
头像用于在界面中显示个人或企业的缩略图表示。
徽章
徽章用于告知用户特定数据的状态。
面包屑导航
面包屑导航帮助用户浏览网站。
按钮
按钮允许用户执行操作或做出选择。
日历
日历包含不同日历库的样式。
卡片
卡片用于分组和显示内容，使其易于阅读。
轮播图
轮播图在可滚动区域中显示图像或内容。
聊天气泡
聊天气泡用于显示一行对话及其所有数据，包括作者图像、作者姓名、时间等。
复选框
复选框用于选择或取消选择一个值。
折叠
折叠用于显示和隐藏内容。
倒计时
当您更改 0 到 99 之间的数字时，倒计时会给您一个过渡效果。
差异
差异组件并排显示两个项目的比较。
分隔线
分隔线将用于垂直或水平分隔内容。
停靠栏
停靠栏（也称为底部导航或底部栏）是一种 UI 元素，为用户提供导航选项。停靠栏固定在屏幕底部。
抽屉
抽屉是一种网格布局，可以在页面的左侧或右侧显示/隐藏侧边栏。
下拉菜单
单击按钮时，下拉菜单可以打开菜单或任何其他元素。
字段集
字段集是用于分组相关表单元素的容器。它包括 fieldset-legend 作为标题，fieldset-label 作为描述。
文件输入
文件输入是用于上传文件的输入字段。
筛选器
筛选器是一组单选按钮。选择其中一个选项将隐藏其他选项，并在所选选项旁边显示一个重置按钮。
页脚
页脚可以包含徽标、版权声明以及指向其他页面的链接。
Hero 组件
Hero 组件用于显示带有标题和描述的大型框或图像。
指示器
指示器用于将元素放置在另一个元素的角上。
文本输入框
文本输入框是一个简单的输入字段。
Join 组件
Join 组件是用于分组多个项目的容器，可用于分组按钮、输入框等。Join 组件将边框半径应用于第一个和最后一个项目。Join 组件可用于创建水平或垂直的项目列表。
Kbd 键盘按键
Kbd 键盘按键用于显示键盘快捷键。
标签
标签用于为输入字段提供名称或标题。标签可以放置在字段之前或之后。
链接
链接为链接添加缺少的下划线样式。
列表
列表是一种垂直布局，用于以行显示信息。
加载指示器
加载指示器显示动画以指示正在加载某些内容。
遮罩
遮罩将元素的内容裁剪为常见形状。
菜单
菜单用于垂直或水平显示链接列表。
浏览器模型
浏览器模型显示一个看起来像浏览器窗口的框。
代码模型
代码模型用于在看起来像代码编辑器的框中显示代码块。
手机模型
手机模型显示 iPhone 的模型。
窗口模型
窗口模型显示一个看起来像操作系统窗口的框。
模态框
模态框用于在单击按钮时显示对话框或框。
导航栏
导航栏用于在页面顶部显示导航栏。
分页
分页是一组按钮，允许用户在一组相关内容之间导航。
进度条
进度条可用于显示任务的进度或显示时间的流逝。
径向进度条
径向进度条可用于显示任务的进度或显示时间的流逝。
单选按钮
单选按钮允许用户从一组选项中选择一个选项。
范围滑块
范围滑块用于通过滑动滑块来选择一个值。
评分
评分是一组单选按钮，允许用户对某些内容进行评分。
选择框
选择框用于从选项列表中选择一个值。
骨架屏
骨架屏是一个组件，可用于显示组件的加载状态。
堆叠
堆叠在视觉上将元素彼此堆叠在一起。
统计数据
统计数据用于在块中显示数字和数据。
状态指示器
状态指示器是一个非常小的图标，用于直观地显示元素的当前状态，例如在线、离线、错误等。
步骤
步骤可用于显示流程中的步骤列表。
切换
切换允许您使用复选框或类名来切换两个元素的可见性。
选项卡
选项卡可用于以选项卡格式显示链接列表。
表格
表格可用于以表格格式显示数据列表。
文本域
文本域允许用户输入多行文本。
主题控制器
如果页面中存在带有 theme-controller 类的已选中复选框输入或已选中单选输入，则页面将具有与该输入值相同的主题。
时间线
时间线组件按时间顺序显示事件列表。
Toast 消息
Toast 消息是一个包装器，用于堆叠元素，定位在页面的一角。
切换开关
切换开关是一个复选框，其样式看起来像一个开关按钮。
工具提示
工具提示可用于在鼠标悬停在元素上时显示消息。
验证器
验证器类根据输入的验证规则将表单元素的颜色更改为错误或成功。