# Components Introduction

**官方文档**: https://uviewpro.cn


## Instructions

This example provides an introduction to uView Pro components.

### Key Concepts

- Component categories
- Component list
- Component usage
- Component features

### Example: Component Categories

**Basic Components (基础组件)**:
- Button, Icon, Image, Layout, Cell, Badge, Tag, Text, Fab, RootPortal, ConfigProvider

**Form Components (表单组件)**:
- Form, Input, Textarea, Calendar, Select, Keyboard, Picker, Rate, Search, NumberBox, Upload, VerificationCode, Field, Checkbox, Radio, Switch, Slider

**Data Components (数据组件)**:
- CircleProgress, LineProgress, Table, CountDown, CountTo

**Feedback Components (反馈组件)**:
- ActionSheet, AlertTips, Toast, NoticeBar, TopTips, Collapse, Popup, SwipeAction, Modal, FullScreen

**Layout Components (布局组件)**:
- Line, Card, Mask, NoNetwork, Grid, Swiper, TimeLine, Skeleton, Sticky, Waterfall, Divider

**Navigation Components (导航组件)**:
- Dropdown, Tabbar, BackTop, Navbar, Tabs, TabsSwiper, Subsection, IndexList, Steps, Empty, Link, Section, Pagination

**Other Components (其他组件)**:
- MessageInput, Loadmore, ReadMore, LazyLoad, Gap, Avatar, Loading, LoadingPopup, SafeAreaInset, Todo

### Example: Component Usage

```vue
<template>
  <u-button type="primary">Button</u-button>
</template>
```

### Key Points

- 100+ components available
- Organized by category
- Auto-import with easycom
- Support Vue 3 Composition API
- Consistent API design