# Apollo Design

> Independent Vue 3 native UI library. Use Apollo's documented APIs, not assumptions from React or other UI libraries.

UI version: 0.1.9
Source commit: b6578306f58bf0918d0f4cb8519cf4cf1a900b15

Import tokens before component CSS: `@apollo-design/theme/tokens.css`, then `@apollo-design/ui/style.css`.

## Documentation

- [快速开始](https://apollocmh.github.io/apollo-design-ui/guide/getting-started.md)
- [AI 接入](https://apollocmh.github.io/apollo-design-ui/guide/ai.md)
- [样式引入](https://apollocmh.github.io/apollo-design-ui/guide/styles.md)
- [按需使用](https://apollocmh.github.io/apollo-design-ui/guide/tree-shaking.md)
- [主题](https://apollocmh.github.io/apollo-design-ui/guide/theming.md)
- [主题展示](https://apollocmh.github.io/apollo-design-ui/guide/themes.md)
- [国际化](https://apollocmh.github.io/apollo-design-ui/guide/i18n.md)
- [兼容性说明](https://apollocmh.github.io/apollo-design-ui/guide/compatibility.md)
- [图标](https://apollocmh.github.io/apollo-design-ui/guide/icons.md)
- [Affix](https://apollocmh.github.io/apollo-design-ui/components/affix.md)
- [Alert](https://apollocmh.github.io/apollo-design-ui/components/alert.md)
- [Anchor](https://apollocmh.github.io/apollo-design-ui/components/anchor.md)
- [App](https://apollocmh.github.io/apollo-design-ui/components/app.md)
- [AutoComplete](https://apollocmh.github.io/apollo-design-ui/components/auto-complete.md)
- [Avatar](https://apollocmh.github.io/apollo-design-ui/components/avatar.md)
- [BackTop](https://apollocmh.github.io/apollo-design-ui/components/back-top.md)
- [Badge](https://apollocmh.github.io/apollo-design-ui/components/badge.md)
- [BorderBeam](https://apollocmh.github.io/apollo-design-ui/components/border-beam.md)
- [Breadcrumb](https://apollocmh.github.io/apollo-design-ui/components/breadcrumb.md)
- [Button](https://apollocmh.github.io/apollo-design-ui/components/button.md)
- [Calendar](https://apollocmh.github.io/apollo-design-ui/components/calendar.md)
- [Card](https://apollocmh.github.io/apollo-design-ui/components/card.md)
- [Carousel](https://apollocmh.github.io/apollo-design-ui/components/carousel.md)
- [Cascader](https://apollocmh.github.io/apollo-design-ui/components/cascader.md)
- [Checkbox](https://apollocmh.github.io/apollo-design-ui/components/checkbox.md)
- [Collapse](https://apollocmh.github.io/apollo-design-ui/components/collapse.md)
- [ColorPicker](https://apollocmh.github.io/apollo-design-ui/components/color-picker.md)
- [ConfigProvider](https://apollocmh.github.io/apollo-design-ui/components/config-provider.md)
- [DatePicker](https://apollocmh.github.io/apollo-design-ui/components/date-picker.md)
- [Descriptions](https://apollocmh.github.io/apollo-design-ui/components/descriptions.md)
- [Divider](https://apollocmh.github.io/apollo-design-ui/components/divider.md)
- [Drawer](https://apollocmh.github.io/apollo-design-ui/components/drawer.md)
- [Dropdown](https://apollocmh.github.io/apollo-design-ui/components/dropdown.md)
- [Empty](https://apollocmh.github.io/apollo-design-ui/components/empty.md)
- [Flex](https://apollocmh.github.io/apollo-design-ui/components/flex.md)
- [FloatButton](https://apollocmh.github.io/apollo-design-ui/components/float-button.md)
- [Form](https://apollocmh.github.io/apollo-design-ui/components/form.md)
- [Grid](https://apollocmh.github.io/apollo-design-ui/components/grid.md)
- [Image](https://apollocmh.github.io/apollo-design-ui/components/image.md)
- [Input](https://apollocmh.github.io/apollo-design-ui/components/input.md)
- [InputNumber](https://apollocmh.github.io/apollo-design-ui/components/input-number.md)
- [Layout](https://apollocmh.github.io/apollo-design-ui/components/layout.md)
- [List](https://apollocmh.github.io/apollo-design-ui/components/list.md)
- [Listy](https://apollocmh.github.io/apollo-design-ui/components/listy.md)
- [Masonry](https://apollocmh.github.io/apollo-design-ui/components/masonry.md)
- [Mentions](https://apollocmh.github.io/apollo-design-ui/components/mentions.md)
- [Menu](https://apollocmh.github.io/apollo-design-ui/components/menu.md)
- [Message](https://apollocmh.github.io/apollo-design-ui/components/message.md)
- [Modal](https://apollocmh.github.io/apollo-design-ui/components/modal.md)
- [Notification](https://apollocmh.github.io/apollo-design-ui/components/notification.md)
- [Pagination](https://apollocmh.github.io/apollo-design-ui/components/pagination.md)
- [Popconfirm](https://apollocmh.github.io/apollo-design-ui/components/popconfirm.md)
- [Popover](https://apollocmh.github.io/apollo-design-ui/components/popover.md)
- [Progress](https://apollocmh.github.io/apollo-design-ui/components/progress.md)
- [QRCode](https://apollocmh.github.io/apollo-design-ui/components/qr-code.md)
- [Radio](https://apollocmh.github.io/apollo-design-ui/components/radio.md)
- [Rate](https://apollocmh.github.io/apollo-design-ui/components/rate.md)
- [Result](https://apollocmh.github.io/apollo-design-ui/components/result.md)
- [Segmented](https://apollocmh.github.io/apollo-design-ui/components/segmented.md)
- [Select](https://apollocmh.github.io/apollo-design-ui/components/select.md)
- [Skeleton](https://apollocmh.github.io/apollo-design-ui/components/skeleton.md)
- [Slider](https://apollocmh.github.io/apollo-design-ui/components/slider.md)
- [Space](https://apollocmh.github.io/apollo-design-ui/components/space.md)
- [Spin](https://apollocmh.github.io/apollo-design-ui/components/spin.md)
- [Splitter](https://apollocmh.github.io/apollo-design-ui/components/splitter.md)
- [Statistic](https://apollocmh.github.io/apollo-design-ui/components/statistic.md)
- [Steps](https://apollocmh.github.io/apollo-design-ui/components/steps.md)
- [Switch](https://apollocmh.github.io/apollo-design-ui/components/switch.md)
- [Table](https://apollocmh.github.io/apollo-design-ui/components/table.md)
- [Tabs](https://apollocmh.github.io/apollo-design-ui/components/tabs.md)
- [Tag](https://apollocmh.github.io/apollo-design-ui/components/tag.md)
- [TimePicker](https://apollocmh.github.io/apollo-design-ui/components/time-picker.md)
- [Timeline](https://apollocmh.github.io/apollo-design-ui/components/timeline.md)
- [Tooltip](https://apollocmh.github.io/apollo-design-ui/components/tooltip.md)
- [Tour](https://apollocmh.github.io/apollo-design-ui/components/tour.md)
- [Transfer](https://apollocmh.github.io/apollo-design-ui/components/transfer.md)
- [Tree](https://apollocmh.github.io/apollo-design-ui/components/tree.md)
- [TreeSelect](https://apollocmh.github.io/apollo-design-ui/components/tree-select.md)
- [Typography](https://apollocmh.github.io/apollo-design-ui/components/typography.md)
- [Upload](https://apollocmh.github.io/apollo-design-ui/components/upload.md)
- [Watermark](https://apollocmh.github.io/apollo-design-ui/components/watermark.md)

## Full text

- [Chinese documentation and examples](https://apollocmh.github.io/apollo-design-ui/llms-full.txt)
- [English documentation and examples](https://apollocmh.github.io/apollo-design-ui/llms-full.en.txt)

Read individual pages when possible; the full text may exceed your context window. These files provide context, not model training.