Skip to content

组件总览

Versakit 提供了一系列功能丰富、易于使用的组件,用于构建现代化的用户界面。

40
总组件数
L
7
布局组件
F
14
表单组件
N
6
导航组件
F
7
反馈组件
D
5
数据展示
O
1
其他组件
A

Accordion

用于显示手风琴的组件,通常以手风琴形式呈现。

布局组件
A

Alert

用于显示重要信息或操作结果的通知组件。

反馈组件
A

Avatar

表示用户或对象身份的图形化标识,通常显示为圆形或方形的图片、图标或字母组合。

数据展示
B

Badge

用于显示状态标记或通知计数的小型视觉指示器,通常以圆形或椭圆形徽章形式出现。

数据展示
B

Breadcrumb

面包屑导航用于显示当前页面在网站层级结构中的位置,并提供返回各级的导航能力。

导航组件
B

Button

用于触发用户操作的交互元素,通常以按钮形式呈现。

表单组件
C

Calendar

用于显示日历的组件,通常以日历形式呈现。

数据展示
C

Card

用于显示内容和信息的容器组件,通常以卡片形式呈现。

布局组件
C

Carousel

用于显示轮播图的组件,通常以轮播图形式呈现。

导航组件
C

Checkbox

用于从多个选项中选择零个或多个条目的交互控件。

表单组件
C

Chip

用于显示状态标记或通知计数的小型视觉指示器,通常以圆形或椭圆形徽章形式出现。

数据展示
D

DatePicker

用于选择日期的交互组件,通常以日历形式呈现。

表单组件
D

DateTimePicker

用于选择日期和时间的交互组件,通常以日历形式呈现。

表单组件
D

Divider

用于分隔内容区域的视觉元素,通常以线条或空白区域形式呈现。

布局组件
D

Drawer

常见的移动端和桌面端交互组件,通常以侧边滑出或底部弹出的形式呈现。

反馈组件
D

Dropdown

用于下拉菜单的组件,通常以下拉菜单形式呈现。

导航组件
I

Input

用于输入单行或多行文本的交互组件,通常以文本框形式呈现。

表单组件
I

InputOtp

专为输入短序列密码(如 PIN 码、验证码)设计的交互组件。

表单组件
I

InputTag

用于输入标签的组件,通常以标签形式呈现。

表单组件
K

Kbd

用于标识用户需要通过键盘输入的内容(如快捷键、命令行输入等)。

其他组件
M

Modal

模态框,用于在当前页面层级之上展示重要信息、请求用户确认或执行关键操作。

反馈组件
P

Paginator

用于分页的组件,通常以分页器形式呈现。

导航组件
P

Panel

用于显示内容和信息的容器组件,通常以面板形式呈现。

布局组件
P

Popover

轻量级的浮动层组件,用于在触发元素附近显示额外信息或操作选项。

反馈组件
P

Progress

用于展示操作的当前进度、状态和完成程度,帮助用户了解长时间任务的执行情况。

反馈组件
R

RangeCalendar

用于选择日期范围的组件,通常以日历形式呈现。

数据展示
R

Rate

用于显示评分或评价的交互组件,通常以星星或心形等形式呈现。

表单组件
S

Segmented

水平排列的选项卡控件,用于在多个互斥选项之间进行快速切换。

导航组件
S

Select

用于从预定义选项列表中选择单个或多个条目的交互控件。

表单组件
S

Skeleton

用于显示骨架屏的组件,通常以骨架屏形式呈现。

反馈组件
S

Slider

允许用户通过拖动滑块在指定范围内选择连续或离散值的交互控件。

表单组件
S

Splitter

用于分割容器区域的组件,通常以分割线形式呈现。

布局组件
S

Swap 调换

用于在两种状态间切换内容显示的交互式组件。

布局组件
S

Switch

二元状态选择器,用于在两种状态间快速切换(如 "开 / 关"、"启用 / 禁用")。

表单组件
T

Tabs

常见的界面模式,用于在有限空间内组织和切换多个内容面板。

导航组件
T

Textarea

用于输入多行文本的交互组件,通常以文本框形式呈现。

表单组件
T

Timeline

用于显示时间轴的组件,通常以时间轴形式呈现。

布局组件
T

TimePicker

用于选择时间的交互组件,通常以时间选择器形式呈现。

表单组件
T

TimeSelect

用于选择时间的交互组件,通常以时间选择器形式呈现。

表单组件
T

Tooltip

轻量级信息提示组件,当用户悬停、聚焦或点击元素时,会在其附近显示简短说明文本。

反馈组件