组件总览
AsterUI提供101个基于DaisyUI和Tailwind CSS构建的组件。
操作 (4)
数据展示 (26)
Avatar
显示头像或首字母缩写。
Badge
小型状态指示器和计数器。
Card
相关内容和操作的容器。
Carousel
轮播图片或内容。
Chart
使用ApexCharts进行数据可视化。
Chat
消息界面的聊天气泡。
Collapse
可展开的内容面板。
Countdown
动画倒计时计时器。
Descriptions
显示键值对。
Diff
显示两个项目之间的差异。
Empty
空状态的占位符。
HoverGallery
带悬停效果的图片画廊。
Image
增强的图片组件,支持预览和回退。
List
显示项目集合。
VirtualList
高效渲染长列表。
MonthCalendar
月视图日历。
Popover
悬停或点击时的浮动内容。
QRCode
生成可扫描的二维码。
Stat
显示统计数据和指标。
Status
显示在线/离线状态。
Table
显示表格数据,支持排序和选择。
Tag
用标签对内容进行分类。
Timeline
按时间顺序显示事件。
Tooltip
悬停时显示附加信息。
Tree
层级数据展示。
WeekCalendar
周视图日历。
数据录入 (25)
Autocomplete
带下拉建议的输入框。
Cascader
多级选择器。
Checkbox
多选控件。
ColorPicker
可视化选择颜色。
DatePicker
从日历选择日期。
Fieldset
分组表单字段。
FileInput
文件选择输入。
Filter
使用多个条件过滤数据。
Form
带验证的表单处理。
Input
文本输入框。
InputNumber
带控件的数字输入。
Mention
支持@提及的输入框。
OTPInput
一次性密码输入。
Radio
在选项中单选。
Range
在范围内选择值。
Rating
星级评分输入。
RichTextEditor
所见即所得文本编辑器。
Segmented
分段切换控件。
Select
下拉选择。
Textarea
多行文本输入。
TimePicker
选择时间。
Toggle
开/关切换开关。
Transfer
在列表间移动项目。
TreeSelect
从层级选项中选择。
Upload
拖拽上传文件。