Need help with vant-react?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

mxdi9i7
245 Stars 53 Forks MIT License 381 Commits 7 Opened issues

Description

Lightweight 2kb Mobile UI Components built on React and TS, inspired by [email protected]://github.com/youzan/vant

Services available

!
?

Need anything else?

Contributors list

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 ( ); };

Components completion status

Basic Components

  • [x] Button
  • [x] Cell
  • [x] Icon
  • [x] Image
  • [ ] Layout
  • [x] Popup
  • [x] Built-in style
  • [x] Toast

Form Components

  • [ ] Calendar
  • [ ] Cascader
  • [x] Checkbox
  • [ ] DatetimePicker
  • [x] Field
  • [ ] Form
  • [ ] NumberKeyboard
  • [ ] PasswordInput
  • [ ] Picker
  • [x] Radio
  • [x] Rate
  • [x] Search
  • [x] Slider
  • [x] Stepper
  • [x] Switch
  • [ ] Uploader

Action Components

  • [ ] ActionSheet
  • [ ] Dialog
  • [ ] DropdownMenu
  • [x] Loading
  • [ ] Notify
  • [ ] Overlay
  • [ ] PullRefresh
  • [ ] ShareSheet
  • [ ] SwipeCell

Display Components

  • [ ] Badge
  • [ ] Circle
  • [ ] Collapse
  • [ ] CountDown
  • [x] Divider
  • [ ] Empty
  • [ ] ImagePreview
  • [ ] Lazyload
  • [ ] List
  • [ ] NoticeBar
  • [ ] Popover
  • [ ] Progress
  • [ ] Skeleton
  • [ ] Steps
  • [ ] Sticky
  • [ ] Swipe
  • [x] Tag

Navigation Components

  • [ ] Grid
  • [ ] IndexBar
  • [x] 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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.