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
152 Stars 34 Forks MIT License 355 Commits 8 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

# 434,563
vant
TypeScr...
JavaScr...
ui-libr...
49 commits
# 19,459
Nest
Less
Shell
nat
2 commits
# 422,033
HTML
Shell
PHP
React
2 commits
# 343,244
Jupyter...
C
C++
React
1 commit

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
  • [ ] Toast

Form Components

  • [ ] Calendar
  • [ ] Cascader
  • [x] Checkbox
  • [ ] DatetimePicker
  • [x] Field
  • [ ] Form
  • [ ] NumberKeyboard
  • [ ] PasswordInput
  • [ ] Picker
  • [x] Radio
  • [x] Rate
  • [x] Search
  • [x] Slider
  • [x] 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
  • [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.