组件总览

浏览 XiHan.UI 提供的组件。

通用

Button按钮

ButtonGroup按钮组

Clipboard剪贴板

DownloadTrigger下载触发器

Truncate文本截断

FloatButton浮动按钮

Kbd键盘按键

Icon图标

Scrollbar滚动条

Toggle切换按钮

ToggleGroup切换按钮组

Typography排印

Watermark水印

布局

Flex弹性布局

Grid栅格

Layout布局

Masonry瀑布流

ScrollArea滚动区域

Separator分隔线

Sortable排序

Resizable可调容器

Splitter分栏

导航

Affix固钉

Anchor锚点

BackTop回到顶部

Breadcrumb面包屑

ContextMenu上下文菜单

Menu菜单

Menubar菜单栏

NavigationMenu导航菜单

PageHeader页头

Pagination分页

SideNav侧栏导航

Steps步骤条

Tabs标签页

Toolbar工具栏

Tour引导

数据录入

CalendarPicker日历选择器

CalendarRangePicker日历范围选择器

Cascader级联选择

Checkbox复选框

CheckboxGroup复选框组

ColorField颜色字段

ColorPicker颜色选择器

ColorSlider颜色滑块

ColorSwatchPicker颜色色块选择器

Combobox组合框

DateField日期字段

DatePicker日期选择器

DateRangePicker日期范围选择器

Editable就地编辑

ExpressionInput表达式输入框

Field表单字段

FieldArray字段数组

Fieldset字段集

FileUpload文件上传

FilterBuilder条件编辑器

Form表单

FormatInput格式输入

ImageCropper图片裁切

InputGroup输入组

Listbox列表框

Mention提及

NumberField数字字段

PasswordInput密码输入

PinInput分格输入

RadioGroup单选组

Rating评分

Select选择器

SignaturePad签名板

Slider滑块

Switch开关

TagGroup标签组

TagsInput标签输入

TextField文本字段

TimeField时间字段

TimePicker时间选择器

TimeRangePicker时间范围选择器new

Transfer穿梭框

TreeSelect树选择

数据展示

Accordion手风琴

Avatar头像

AvatarGroup头像组

BarCode条形码

Card卡片

Carousel走马灯

Collapsible折叠区域

ColorSwatch颜色色块

Descriptions描述列表

EmptyState空状态

GridList网格列表new

Highlight文本高亮

Image图片

ImageViewer图片预览

InfiniteScroll无限滚动

JsonViewerJSON 视图

List列表

Marquee跑马灯

MatrixCode二维码

NumberAnimation数值动画

Statistic统计数值

Table表格

Tag标签

Timeline时间线

Timer计时器

Timestamp时间戳

Tree树

Virtualizer虚拟滚动

图表

CartesianChart直角坐标图new

FunnelChart漏斗图new

GraphChart关系图new

Heatmap热力图

HierarchyChart层级图new

PieChart饼图new

RadarChart雷达图new

SankeyChart桑基图new

Sparkline迷你图new

Progress仪表盘与子弹图

反馈

Alert警告提示

Badge徽标

LoadingBar加载条

Progress进度条

Skeleton骨架屏

Spinner加载指示器

Notification通知

浮层

Command命令面板

Dialog对话框

Drawer抽屉

FloatingPanel浮动面板

HoverCard悬浮卡片

Popconfirm弹出确认

Popover气泡卡片

Tooltip文字提示

AI 对话

Approval审批alpha

Citation引用来源alpha

CodeView代码视图

DiffView差异视图

Log日志

MarkdownStream流式正文alpha

MessageFeed消息流alpha

PromptInput提示输入框alpha

QuestionFlow澄清问卷alpha

Reasoning思考过程alpha

ToolCall工具调用alpha