Introduction

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

Form Components

• Calendar

• Checkbox

• DatetimePicker

• Field

• Form

• NumberKeyboard

• PasswordInput

• Picker

• Radio

• Rate

• Search

• Slider

• Stepper

• Switch

• SwitchCell

• Uploader

Action Components

• ActionSheet

• Dialog

• DropdownMenu

• Loading

• Notify

• Overlay

• PullRefresh

• ShareSheet

• SwipeCell

• Toast

Display Components

• Circle

• Collapse

• CountDown

• Divider

• Empty

• ImagePreview

• Lazyload

• List

• NoticeBar

• Panel

• Progress

• Skeleton

• Steps

• Sticky

• Swipe

• Tag

Navigation Components

• Grid

• IndexBar

• NavBar

• Pagination

• Sidebar

• Tab

• Tabbar

• TreeSelect

Business Components

• AddressEdit

• AddressList

• Area

• Card

• Contact

• Coupon

• GoodsAction

• SubmitBar

• Sku

Deprecated

• SwitchCell

Contribution

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.