Vant React
Lightweight Mobile UI Components built on Typescript and React in under 2kb!
Features
- Support Typescript
- 60+ Reusable components
- 100% Storybook coverage: https://vant.bctc.io
- Extensive documentation and demos
Install
# Using npm
npm i vant-react -S
# Using yarn
yarn add vant-react
Quickstart
import React from 'react';
import { Button } from 'vant-react';
import 'vant-react/dist/index.css';
const App = () => {
return (
<Button text='Hello World' />
);
};
Components completion status
Basic Components
- Button
- Cell
- Icon
- Image
- Layout
- Popup
- Built-in style
- Toast
Form Components
- Calendar
- Cascader
- Checkbox
- DatetimePicker
- Field
- Form
- NumberKeyboard
- PasswordInput
- Picker
- Radio
- Rate
- Search
- Slider
- Stepper
- Switch
- Uploader
Action Components
- ActionSheet
- Dialog
- DropdownMenu
- Loading
- Notify
- Overlay
- PullRefresh
- ShareSheet
- SwipeCell
Display Components
- Badge
- Circle
- Collapse
- CountDown
- Divider
- Empty
- ImagePreview
- Lazyload
- List
- NoticeBar
- Popover
- Progress
- Skeleton
- Steps
- Sticky
- Swipe
- Tag
Navigation Components
- Grid
- IndexBar
- NavBar
- Pagination
- Sidebar
- Tab
- Tabbar
- TreeSelect
Business Components
- AddressEdit
- AddressList
- Area
- Card
- ContactCard
- ContactEdit
- ContactList
- Coupon
- GoodsAction
- SubmitBar
- Sku
Deprecated
- SwitchCell
- Panel
Contribution
If you like what we do, please consider buy us a bubble-tea(donate)!
Please make sure to read the Contributing Guide before making a pull request.
Or, join our discussion group on Wechat by adding me!
Browser Support
Modern browsers and Android 4.0+, iOS 8.0+.
Open Source License
This is an Open Source Software operating under the MIT License.
