# dotsharp

> 面向 Vue 3 的组件库

一个源色生成整套配色，明暗主题即时切换；组件、文档与示例共用同一份源码。

## Table of Contents

### 指南

- [简介](/guide/intro.md)
- [快速开始](/guide/getting-started.md)
- [父子组件以及插槽统一范式](/guide/patterns.md)
- [表单](/guide/form.md)
- [图标](/guide/icons.md)
- [主题](/guide/theme.md)
- [国际化](/guide/i18n.md)

### 效果

- [涟漪 Ripple](/guide/ripple.md)
- [层级 Elevation](/guide/elevation.md)

### 基础

- [Button](/components/button.md)
- [ButtonGroup](/components/button-group.md)
- [SplitButton](/components/split-button.md)
- [Fab](/components/fab.md)
- [IconButton](/components/icon-button.md)
- [Icon](/components/icon.md)

### 输入与选择

- [Form](/components/form.md)
- [Input](/components/input.md)
- [OptInputs](/components/opt-inputs.md)
- [DateInput](/components/date-input.md)
- [DatePicker](/components/date-picker.md)
- [TimeInput](/components/time-input.md)
- [TimePicker](/components/time-picker.md)
- [Select](/components/select.md)
- [Checkbox](/components/checkbox.md)
- [Radio](/components/radio.md)
- [Switch](/components/switch.md)
- [SegmentedButtons](/components/segmented-buttons.md)
- [Chip](/components/chip.md)
- [Slider](/components/slider.md)
- [Uploader](/components/uploader.md)

### 布局与展示

- [Container](/components/container.md)
- [Card](/components/card.md)
- [Divider](/components/divider.md)
- [List](/components/list.md)
- [Badge](/components/badge.md)
- [Menu](/components/menu.md)
- [ContextMenu](/components/context-menu.md)

### 反馈

- [Tooltip](/components/tooltip.md)
- [Progress](/components/progress.md)
- [Dialog](/components/dialog.md)
- [Snackbar](/components/snackbar.md)

### 导航

- [AppBar](/components/app-bar.md)
- [Tabs](/components/tabs.md)
- [NavigationBar](/components/navigation-bar.md)
- [NavigationRail](/components/navigation-rail.md)
- [NavigationDrawer](/components/navigation-drawer.md)