/vant-react

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

Primary LanguageSCSSMIT LicenseMIT

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.