Apollo Design
搜索组件…
/
文档
组件
图标
v0.1.9
En
风格
默认
Mono
Material
明暗
亮色
暗色
跟随系统
组件总览
@apollo-design/ui 提供 72 个组件,帮助你构建丰富的用户界面。
通用
3
Button
按钮
Primary
Default
Dashed
Icon
图标
Typography
排版
Aa
布局
6
Divider
分割线
Flex
弹性布局
Grid
栅格
Layout
布局
Space
间距
Splitter
分割面板
导航
8
Anchor
锚点
BackTop
返回顶部
↑
+
···
Breadcrumb
面包屑
Home
/
Page
/
App
Dropdown
下拉菜单
Menu
导航菜单
Pagination
分页
‹
1
2
3
›
Steps
步骤条
✓
2
3
Tabs
标签页
Tab 1
Tab 2
Tab 3
数据录入
19
AutoComplete
自动完成
Select
⌄
Cascader
级联选择
Select
⌄
Checkbox
多选框
✓
ColorPicker
颜色选择器
DatePicker
日期选择器
‹
2026 · 10
›
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Form
表单
Input
输入框
Input
InputNumber
数字输入框
100
⌄
Mentions
提及
Input
Radio
单选框
✓
Rate
评分
Segmented
分段控制器
Tab 1
Tab 2
Tab 3
Select
选择器
Select
⌄
Slider
滑动输入条
Switch
开关
TimePicker
时间选择框
12 : 30 : 00
⌄
Transfer
穿梭框
TreeSelect
树选择
Upload
上传
数据展示
22
Avatar
头像
A
B
Badge
徽标数
A
B
5
BorderBeam
边框流光
Apollo
Calendar
日历
‹
2026 · 10
›
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Card
卡片
Carousel
走马灯
● ● ●
Collapse
折叠面板
Descriptions
描述列表
Empty
空状态
No data
Image
图片
List
列表
Listy
轻量列表
Masonry
瀑布流
Popover
气泡卡片
Hover
QRCode
二维码
Statistic
统计数值
Total
11,280
↑ 12.8%
Table
表格
Tag
标签
Tag
Tag
Tag
Timeline
时间轴
Tooltip
文字提示
Hover
Tree
树形控件
Watermark
水印
Apollo
Apollo
Apollo
Apollo
Apollo
Apollo
反馈
11
Alert
警告提示
Drawer
抽屉
Message
全局提示
Modal
对话框
Notification
通知提醒框
Popconfirm
气泡确认框
Hover
Progress
进度条
Result
结果页
Skeleton
骨架屏
Spin
加载中
Tour
导览
Hover
其他
4
Affix
固钉
App
包裹组件
Apollo Design
ConfigProvider
全局配置
Apollo Design
FloatButton
悬浮按钮
↑
+
···
本页目录
通用
布局
导航
数据录入
数据展示
反馈
其他