操作与选择
按钮与直接选择控件。
11 个组件
开关 / Switch
15 个示例开关的 HeroUI v3 本地交互示例。
开关组 / Switch Group
1 个示例开关组的 HeroUI v3 本地交互示例。
复选框 / Checkbox
14 个示例复选框的 HeroUI v3 本地交互示例。
复选框组 / Checkbox Group
9 个示例复选框组的 HeroUI v3 本地交互示例。
单选框 / Radio
1 个示例单选框的 HeroUI v3 本地交互示例。
单选框组 / Radio Group
11 个示例单选框组的 HeroUI v3 本地交互示例。
表单与输入
输入、字段、校验与表单组合。
17 个组件
自动完成 / Autocomplete
20 个示例自动完成的 HeroUI v3 本地交互示例。
组合框 / Combo Box
18 个示例组合框的 HeroUI v3 本地交互示例。
输入框 / Input
6 个示例输入框的 HeroUI v3 本地交互示例。
输入框组 / Input Group
20 个示例输入框组的 HeroUI v3 本地交互示例。
验证码输入 / Input OTP
10 个示例验证码输入的 HeroUI v3 本地交互示例。
多行输入框 / Text Area
6 个示例多行输入框的 HeroUI v3 本地交互示例。
文本字段 / Text Field
12 个示例文本字段的 HeroUI v3 本地交互示例。
搜索字段 / Search Field
14 个示例搜索字段的 HeroUI v3 本地交互示例。
数字字段 / Number Field
16 个示例数字字段的 HeroUI v3 本地交互示例。
选择器 / Select
17 个示例选择器的 HeroUI v3 本地交互示例。
滑块 / Slider
5 个示例滑块的 HeroUI v3 本地交互示例。
表单 / Form
2 个示例表单的 HeroUI v3 本地交互示例。
字段组 / Fieldset
2 个示例字段组的 HeroUI v3 本地交互示例。
标签 / Label
1 个示例标签的 HeroUI v3 本地交互示例。
描述 / Description
1 个示例描述的 HeroUI v3 本地交互示例。
错误消息 / Error Message
1 个示例错误消息的 HeroUI v3 本地交互示例。
字段错误 / Field Error
1 个示例字段错误的 HeroUI v3 本地交互示例。
颜色选择
支持无障碍的颜色选择与编辑控件。
7 个组件
颜色区域 / Color Area
6 个示例颜色区域的 HeroUI v3 本地交互示例。
颜色字段 / Color Field
12 个示例颜色字段的 HeroUI v3 本地交互示例。
颜色输入组 / Color Input Group
1 个示例颜色输入组的 HeroUI v3 本地交互示例。
颜色选择器 / Color Picker
5 个示例颜色选择器的 HeroUI v3 本地交互示例。
颜色滑块 / Color Slider
8 个示例颜色滑块的 HeroUI v3 本地交互示例。
色板 / Color Swatch
7 个示例色板的 HeroUI v3 本地交互示例。
色板选择器 / Color Swatch Picker
9 个示例色板选择器的 HeroUI v3 本地交互示例。
日期与时间
日期与时间输入及选择模式。
5 个组件
日期字段 / Date Field
16 个示例日期字段的 HeroUI v3 本地交互示例。
日期输入组 / Date Input Group
1 个示例日期输入组的 HeroUI v3 本地交互示例。
日期选择器 / Date Picker
9 个示例日期选择器的 HeroUI v3 本地交互示例。
日期范围选择器 / Date Range Picker
9 个示例日期范围选择器的 HeroUI v3 本地交互示例。
时间字段 / Time Field
14 个示例时间字段的 HeroUI v3 本地交互示例。
列表与数据
可选择集合、结构化数据与标签。
6 个组件
列表框 / List Box
8 个示例列表框的 HeroUI v3 本地交互示例。
列表框项目 / List Box Item
1 个示例列表框项目的 HeroUI v3 本地交互示例。
列表框分组 / List Box Section
1 个示例列表框分组的 HeroUI v3 本地交互示例。
表格 / Table
12 个示例表格的 HeroUI v3 本地交互示例。
标签 / Tag
1 个示例标签的 HeroUI v3 本地交互示例。
标签组 / Tag Group
11 个示例标签组的 HeroUI v3 本地交互示例。
内容展示
内容、身份、排版与视觉表面。
10 个组件
头像 / Avatar
7 个示例头像的 HeroUI v3 本地交互示例。
徽标 / Badge
7 个示例徽标的 HeroUI v3 本地交互示例。
卡片 / Card
6 个示例卡片的 HeroUI v3 本地交互示例。
标签胶囊 / Chip
4 个示例标签胶囊的 HeroUI v3 本地交互示例。
键盘按键 / Kbd
6 个示例键盘按键的 HeroUI v3 本地交互示例。
分隔线 / Separator
6 个示例分隔线的 HeroUI v3 本地交互示例。
表面 / Surface
1 个示例表面的 HeroUI v3 本地交互示例。
排版 / Typography
4 个示例排版的 HeroUI v3 本地交互示例。
标题 / Header
1 个示例标题的 HeroUI v3 本地交互示例。
滚动阴影 / Scroll Shadow
6 个示例滚动阴影的 HeroUI v3 本地交互示例。
状态与反馈
状态、进度、加载与通知反馈。
8 个组件
提示 / Alert
1 个示例提示的 HeroUI v3 本地交互示例。
进度条 / Progress Bar
6 个示例进度条的 HeroUI v3 本地交互示例。
环形进度 / Progress Circle
6 个示例环形进度的 HeroUI v3 本地交互示例。
度量条 / Meter
5 个示例度量条的 HeroUI v3 本地交互示例。
骨架屏 / Skeleton
7 个示例骨架屏的 HeroUI v3 本地交互示例。
加载指示器 / Spinner
3 个示例加载指示器的 HeroUI v3 本地交互示例。
空状态 / Empty State
1 个示例空状态的 HeroUI v3 本地交互示例。
轻提示 / Toast
9 个示例轻提示的 HeroUI v3 本地交互示例。
弹层与对话框
对话框、抽屉、弹出框与上下文浮层。
5 个组件
警告对话框 / Alert Dialog
13 个示例警告对话框的 HeroUI v3 本地交互示例。
抽屉 / Drawer
8 个示例抽屉的 HeroUI v3 本地交互示例。
模态框 / Modal
13 个示例模态框的 HeroUI v3 本地交互示例。
弹出框 / Popover
5 个示例弹出框的 HeroUI v3 本地交互示例。
工具提示 / Tooltip
5 个示例工具提示的 HeroUI v3 本地交互示例。
展开与折叠
展开与折叠相关内容。
3 个组件
开发中
已经公开导出、但上游仍标记为开发中的日历模块。
3 个组件