组件总览
Versakit 提供了一系列功能丰富、易于使用的组件,用于构建现代化的用户界面。
Accordion
用于显示手风琴的组件,通常以手风琴形式呈现。
Alert
用于显示重要信息或操作结果的通知组件。
Avatar
表示用户或对象身份的图形化标识,通常显示为圆形或方形的图片、图标或字母组合。
Badge
用于显示状态标记或通知计数的小型视觉指示器,通常以圆形或椭圆形徽章形式出现。
Breadcrumb
面包屑导航用于显示当前页面在网站层级结构中的位置,并提供返回各级的导航能力。
Button
用于触发用户操作的交互元素,通常以按钮形式呈现。
Calendar
用于显示日历的组件,通常以日历形式呈现。
Card
用于显示内容和信息的容器组件,通常以卡片形式呈现。
Carousel
用于显示轮播图的组件,通常以轮播图形式呈现。
Checkbox
用于从多个选项中选择零个或多个条目的交互控件。
Chip
用于显示状态标记或通知计数的小型视觉指示器,通常以圆形或椭圆形徽章形式出现。
DatePicker
用于选择日期的交互组件,通常以日历形式呈现。
DateTimePicker
用于选择日期和时间的交互组件,通常以日历形式呈现。
Divider
用于分隔内容区域的视觉元素,通常以线条或空白区域形式呈现。
Drawer
常见的移动端和桌面端交互组件,通常以侧边滑出或底部弹出的形式呈现。
Dropdown
用于下拉菜单的组件,通常以下拉菜单形式呈现。
Input
用于输入单行或多行文本的交互组件,通常以文本框形式呈现。
InputOtp
专为输入短序列密码(如 PIN 码、验证码)设计的交互组件。
InputTag
用于输入标签的组件,通常以标签形式呈现。
Kbd
用于标识用户需要通过键盘输入的内容(如快捷键、命令行输入等)。
Modal
模态框,用于在当前页面层级之上展示重要信息、请求用户确认或执行关键操作。
Paginator
用于分页的组件,通常以分页器形式呈现。
Panel
用于显示内容和信息的容器组件,通常以面板形式呈现。
Popover
轻量级的浮动层组件,用于在触发元素附近显示额外信息或操作选项。
Progress
用于展示操作的当前进度、状态和完成程度,帮助用户了解长时间任务的执行情况。
RangeCalendar
用于选择日期范围的组件,通常以日历形式呈现。
Rate
用于显示评分或评价的交互组件,通常以星星或心形等形式呈现。
Segmented
水平排列的选项卡控件,用于在多个互斥选项之间进行快速切换。
Select
用于从预定义选项列表中选择单个或多个条目的交互控件。
Skeleton
用于显示骨架屏的组件,通常以骨架屏形式呈现。
Slider
允许用户通过拖动滑块在指定范围内选择连续或离散值的交互控件。
Splitter
用于分割容器区域的组件,通常以分割线形式呈现。
Swap 调换
用于在两种状态间切换内容显示的交互式组件。
Switch
二元状态选择器,用于在两种状态间快速切换(如 "开 / 关"、"启用 / 禁用")。
Tabs
常见的界面模式,用于在有限空间内组织和切换多个内容面板。
Textarea
用于输入多行文本的交互组件,通常以文本框形式呈现。
Timeline
用于显示时间轴的组件,通常以时间轴形式呈现。
TimePicker
用于选择时间的交互组件,通常以时间选择器形式呈现。
TimeSelect
用于选择时间的交互组件,通常以时间选择器形式呈现。
Tooltip
轻量级信息提示组件,当用户悬停、聚焦或点击元素时,会在其附近显示简短说明文本。