---
title: 组件
---

# 组件

这里的组件文档位于 `packages/docs/components`，同步时会按 frontmatter 排序，
旧的 sard 指令会转换为 VitePress 容器、代码片段别名和 TS/JS 代码组。

## 基础组件

- [Button 按钮](/components/button)
- [Icon 图标](/components/icon)
- [Image 图片](/components/image)
- [Style 样式](/components/style)

## 布局

- [Compact 紧凑布局](/components/compact)
- [Divider 分割线](/components/divider)
- [Grid 宫格](/components/grid)
- [Layout 布局](/components/layout)
- [Space 间距](/components/space)
- [StatusBar 状态栏](/components/status-bar)
- [Sticky 粘性布局](/components/sticky)
- [Waterfall 瀑布流](/components/waterfall)

## 表单组件

- [Calendar 日历](/components/calendar)
- [CalendarInput 日历输入框](/components/calendar-input)
- [CalendarPopout 日历弹出框](/components/calendar-popout)
- [Cascader 级联选择](/components/cascader)
- [CascaderInput 级联输入框](/components/cascader-input)
- [CascaderPopout 级联弹出框](/components/cascader-popout)
- [Checkbox 复选框](/components/checkbox)
- [CheckboxInput 复选输入框](/components/checkbox-input)
- [CheckboxPopout 复选弹出框](/components/checkbox-popout)
- [DatetimePicker 日期时间选择器](/components/datetime-picker)
- [DatetimePickerInput 日期时间输入框](/components/datetime-picker-input)
- [DatetimePickerPopout 日期时间弹出框](/components/datetime-picker-popout)
- [DatetimeRangePicker 日期时间范围选择器](/components/datetime-range-picker)
- [DatetimeRangePickerInput 日期时间范围输入框](/components/datetime-range-picker-input)
- [DatetimeRangePickerPopout 日期时间范围弹出框](/components/datetime-range-picker-popout)
- [Form 表单](/components/form)
- [Input 输入框](/components/input)
- [Keyboard 键盘](/components/keyboard)
- [PasswordInput 密码输入框](/components/password-input)
- [Picker 选择器](/components/picker)
- [PickerInput 选择器输入框](/components/picker-input)
- [PickerPopout 选择器弹出框](/components/picker-popout)
- [PopoutInput 弹出式输入框](/components/popout-input)
- [Radio 单选按钮](/components/radio)
- [RadioInput 单选输入框](/components/radio-input)
- [RadioPopout 单选弹出框](/components/radio-popout)
- [Rate 评分](/components/rate)
- [Search 搜索](/components/search)
- [Segmented 分段控制器](/components/segmented)
- [Select 列表选择](/components/select)
- [SelectInput 列表选择输入框](/components/select-input)
- [SelectPopout 列表选择弹出框](/components/select-popout)
- [Signature 签名](/components/signature)
- [Slider 滑块](/components/slider)
- [Stepper 步进器](/components/stepper)
- [Switch 开关](/components/switch)
- [Upload 上传](/components/upload)

## 数据展示

- [Accordion 手风琴](/components/accordion)
- [Avatar 头像](/components/avatar)
- [Badge 徽标](/components/badge)
- [Card 卡片](/components/card)
- [Collapse 折叠](/components/collapse)
- [CoolIcon 酷炫图标](/components/cool-icon)
- [CountDown 倒计时](/components/count-down)
- [CountTo 数字滚动](/components/count-to)
- [Empty 空状态](/components/empty)
- [Ellipsis 文本省略](/components/ellipsis)
- [List 列表](/components/list)
- [NoticeBar 公告栏](/components/notice-bar)
- [Popout 弹出框](/components/popout)
- [Popover 气泡弹出框](/components/popover)
- [Popup 弹出层](/components/popup)
- [ProgressBar 条形进度条](/components/progress-bar)
- [ProgressCircle 环形进度条](/components/progress-circle)
- [Barcode 条形码](/components/barcode)
- [Qrcode 二维码](/components/qrcode)
- [ReadMore 阅读更多](/components/read-more)
- [ScrollList 横向滚动列表](/components/scroll-list)
- [ScrollSpy 滚动监听](/components/scroll-spy)
- [SwiperDot 轮播图指示点](/components/swiper-dot)
- [Table 表格](/components/table)
- [Tag 标签](/components/tag)
- [Timeline 时间轴](/components/timeline)
- [Tree 树形](/components/tree)

## 导航组件

- [BackTop 回到顶部](/components/back-top)
- [Dropdown 下拉菜单](/components/dropdown)
- [Indexes 索引](/components/indexes)
- [Navbar 头部导航](/components/navbar)
- [Pagination 分页](/components/pagination)
- [Sidebar 侧边导航](/components/sidebar)
- [Steps 步骤条](/components/steps)
- [Tabbar 标签栏](/components/tabbar)
- [TabbarPit 标签栏占位](/components/tabbar-pit)
- [Tabs 标签页](/components/tabs)

## 反馈组件

- [ActionSheet 动作面板](/components/action-sheet)
- [Alert 警告提示](/components/alert)
- [Dialog 对话框](/components/dialog)
- [Dnd 拖放](/components/dnd)
- [Fab 悬浮按钮](/components/fab)
- [FloatingBubble 浮动气泡](/components/floating-bubble)
- [FloatingPanel 浮动面板](/components/floating-panel)
- [Loading 加载](/components/loading)
- [LoadMore 加载更多](/components/load-more)
- [Notify 消息通知](/components/notify)
- [Overlay 遮罩层](/components/overlay)
- [PullDownRefresh 下拉刷新](/components/pull-down-refresh)
- [ResizeSensor 尺寸传感器](/components/resize-sensor)
- [Result 结果](/components/result)
- [ShareSheet 分享面板](/components/share-sheet)
- [Skeleton 骨架屏](/components/skeleton)
- [SwipeAction 滑动操作](/components/swipe-action)
- [Toast 轻提示](/components/toast)

## 活动组件

- [LuckyDraw 幸运抽奖](/components/lucky-draw)
- [Marquee 跑马灯](/components/marquee)

## 工具组件

- [CropImage 裁剪图片](/components/crop-image)

## 其他

- [Watermark 水印](/components/watermark)
- [PuzzleVerify 拼图验证](/components/puzzle-verify)
- [RotateVerify 旋转验证](/components/rotate-verify)
- [SlideVerify 滑动验证](/components/slide-verify)