Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

q342023971/vant-react

Open more actions menu
 
 

Repository files navigation

Vant React

npm version NPM Test CI Netlify Status Storybook

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)!

DonorBox

Please make sure to read the Contributing Guide before making a pull request.

Or, join our discussion group on Wechat by adding me!

Wechat QR code

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.

About

Lightweight 2kb Mobile UI Components built on React and TS, inspired by Vant@https://github.com/youzan/vant

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • SCSS 52.3%
  • TypeScript 44.8%
  • JavaScript 2.9%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.