Package Exports
- vant
- vant/es/action-sheet
- vant/es/action-sheet/style
- vant/es/area
- vant/es/area/style
- vant/es/badge
- vant/es/badge/style
- vant/es/button
- vant/es/button/style
- vant/es/button/style/less
- vant/es/calendar
- vant/es/calendar/style
- vant/es/calendar/style/less
- vant/es/card
- vant/es/card/style
- vant/es/cell
- vant/es/cell-group
- vant/es/cell-group/style
- vant/es/cell-group/style/less
- vant/es/cell/style
- vant/es/cell/style/less
- vant/es/checkbox
- vant/es/checkbox-group
- vant/es/checkbox-group/style
- vant/es/checkbox/style
- vant/es/circle
- vant/es/circle/style
- vant/es/col
- vant/es/col/style
- vant/es/collapse
- vant/es/collapse-item
- vant/es/collapse-item/style
- vant/es/collapse/style
- vant/es/coupon-cell
- vant/es/coupon-cell/style
- vant/es/coupon-list
- vant/es/coupon-list/style
- vant/es/datetime-picker
- vant/es/datetime-picker/style
- vant/es/dialog
- vant/es/dialog/style
- vant/es/divider
- vant/es/divider/style
- vant/es/dropdown-item
- vant/es/dropdown-item/style
- vant/es/dropdown-menu
- vant/es/dropdown-menu/style
- vant/es/field
- vant/es/field/style
- vant/es/form
- vant/es/form/style
- vant/es/icon
- vant/es/icon/style
- vant/es/image-preview
- vant/es/image-preview/style
- vant/es/index.js
- vant/es/list
- vant/es/list/style
- vant/es/loading
- vant/es/loading/style
- vant/es/nav-bar
- vant/es/nav-bar/style
- vant/es/notify
- vant/es/notify/style
- vant/es/overlay
- vant/es/overlay/style
- vant/es/picker
- vant/es/picker/style
- vant/es/popup
- vant/es/popup/style
- vant/es/progress
- vant/es/progress/style
- vant/es/pull-refresh
- vant/es/pull-refresh/style
- vant/es/radio
- vant/es/radio-group
- vant/es/radio-group/style
- vant/es/radio-group/style/less
- vant/es/radio/style
- vant/es/radio/style/less
- vant/es/rate
- vant/es/rate/style
- vant/es/row
- vant/es/row/style
- vant/es/search
- vant/es/search/style
- vant/es/sidebar
- vant/es/sidebar-item
- vant/es/sidebar-item/style
- vant/es/sidebar/style
- vant/es/skeleton
- vant/es/skeleton/style
- vant/es/step
- vant/es/step/style
- vant/es/steps
- vant/es/steps/style
- vant/es/swipe
- vant/es/swipe-cell
- vant/es/swipe-cell/style
- vant/es/swipe-item
- vant/es/swipe-item/style
- vant/es/swipe/style
- vant/es/switch
- vant/es/switch/style
- vant/es/tab
- vant/es/tab/style
- vant/es/tabs
- vant/es/tabs/style
- vant/es/tag
- vant/es/tag/style
- vant/es/toast
- vant/es/toast/style
- vant/es/toast/style/index.js
- vant/es/uploader
- vant/es/uploader/style
- vant/lib/action-sheet
- vant/lib/action-sheet/style
- vant/lib/address-edit
- vant/lib/address-list
- vant/lib/area
- vant/lib/area/style
- vant/lib/badge
- vant/lib/badge/style
- vant/lib/button
- vant/lib/button/style
- vant/lib/button/style/less
- vant/lib/calendar
- vant/lib/card
- vant/lib/card/style
- vant/lib/cell
- vant/lib/cell-group
- vant/lib/cell-group/style
- vant/lib/cell-group/style/less
- vant/lib/cell/style
- vant/lib/cell/style/less
- vant/lib/checkbox
- vant/lib/checkbox-group
- vant/lib/checkbox-group/style
- vant/lib/checkbox-group/style/less
- vant/lib/checkbox/style
- vant/lib/checkbox/style/less
- vant/lib/circle
- vant/lib/circle/style
- vant/lib/col
- vant/lib/col/style
- vant/lib/col/style/less
- vant/lib/collapse
- vant/lib/collapse-item
- vant/lib/collapse-item/style
- vant/lib/collapse/style
- vant/lib/contact-card
- vant/lib/contact-edit
- vant/lib/contact-list
- vant/lib/count-down
- vant/lib/count-down/utils
- vant/lib/coupon
- vant/lib/coupon-cell
- vant/lib/coupon-cell/style
- vant/lib/coupon-list
- vant/lib/coupon-list/style
- vant/lib/datetime-picker
- vant/lib/datetime-picker/style
- vant/lib/datetime-picker/style/index.js
- vant/lib/datetime-picker/style/less
- vant/lib/dialog
- vant/lib/dialog/style
- vant/lib/dialog/style/less
- vant/lib/divider
- vant/lib/divider/style
- vant/lib/divider/style/less
- vant/lib/dropdown-item
- vant/lib/dropdown-item/style
- vant/lib/dropdown-item/style/index.js
- vant/lib/dropdown-menu
- vant/lib/dropdown-menu/style
- vant/lib/dropdown-menu/style/index.js
- vant/lib/field
- vant/lib/field/style
- vant/lib/field/style/index.js
- vant/lib/field/style/less
- vant/lib/form
- vant/lib/form/style
- vant/lib/form/style/less
- vant/lib/grid
- vant/lib/grid-item
- vant/lib/icon
- vant/lib/icon/local.css
- vant/lib/icon/style
- vant/lib/icon/style/less
- vant/lib/image
- vant/lib/image-preview
- vant/lib/image-preview/style
- vant/lib/index-anchor
- vant/lib/index-bar
- vant/lib/index.css
- vant/lib/index.less
- vant/lib/lazyload
- vant/lib/lazyload/style
- vant/lib/list
- vant/lib/list/style
- vant/lib/list/style/less
- vant/lib/loading
- vant/lib/loading/style
- vant/lib/loading/style/less
- vant/lib/locale
- vant/lib/locale/lang/en-US
- vant/lib/locale/lang/zh-CN
- vant/lib/locale/lang/zh-HK
- vant/lib/locale/lang/zh-TW
- vant/lib/nav-bar
- vant/lib/notice-bar
- vant/lib/notify
- vant/lib/notify/style
- vant/lib/notify/style/less
- vant/lib/number-keyboard
- vant/lib/overlay
- vant/lib/overlay/style
- vant/lib/pagination
- vant/lib/password-input
- vant/lib/picker
- vant/lib/picker/index.css
- vant/lib/picker/style
- vant/lib/picker/style/less
- vant/lib/popup
- vant/lib/popup/style
- vant/lib/popup/style/index.js
- vant/lib/popup/style/less
- vant/lib/progress
- vant/lib/progress/style
- vant/lib/pull-refresh
- vant/lib/pull-refresh/style
- vant/lib/pull-refresh/style/less
- vant/lib/radio
- vant/lib/radio-group
- vant/lib/radio-group/style
- vant/lib/radio-group/style/less
- vant/lib/radio/style
- vant/lib/radio/style/less
- vant/lib/rate
- vant/lib/rate/style
- vant/lib/row
- vant/lib/row/style
- vant/lib/row/style/less
- vant/lib/search
- vant/lib/search/style
- vant/lib/search/style/less
- vant/lib/sidebar
- vant/lib/sidebar-item
- vant/lib/skeleton
- vant/lib/skeleton/style
- vant/lib/slider
- vant/lib/step
- vant/lib/step/style
- vant/lib/step/style/less
- vant/lib/stepper
- vant/lib/stepper/style
- vant/lib/steps
- vant/lib/steps/style
- vant/lib/steps/style/less
- vant/lib/sticky
- vant/lib/submit-bar
- vant/lib/swipe
- vant/lib/swipe-cell
- vant/lib/swipe-cell/style
- vant/lib/swipe-item
- vant/lib/swipe-item/style
- vant/lib/swipe/style
- vant/lib/switch
- vant/lib/switch/style
- vant/lib/switch/style/less
- vant/lib/tab
- vant/lib/tab/style
- vant/lib/tab/style/less
- vant/lib/tabbar
- vant/lib/tabbar-item
- vant/lib/tabs
- vant/lib/tabs/style
- vant/lib/tabs/style/less
- vant/lib/tag
- vant/lib/tag/style
- vant/lib/toast
- vant/lib/toast/index.css
- vant/lib/toast/style
- vant/lib/toast/style/index.js
- vant/lib/tree-select
- vant/lib/uploader
- vant/lib/uploader/style
- vant/lib/utils
- vant/lib/utils/constant
- vant/lib/utils/create/bem
- vant/lib/utils/create/component
- vant/lib/utils/create/i18n
- vant/lib/utils/dom/raf
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vant) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Vant
Mobile UI Components built on Vue
π₯ ζζ‘£η½η« π¨π³ δΈζηδ»η» π ε°η¨εΊη
Features
- 60+ Reusable components
- 90% Unit test coverage
- Extensive documentation and demos
- Support babel-plugin-import
- Support Custom Theme
- Support i18n
- Support TS
- Support SSR
Install
# Using npm
npm i vant@next -S
# Using yarn
yarn add vant@nextTips: Please install Vant 3.0 for Vue 3 projects, see issue#7035.
Quickstart
import { createApp } from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';
const app = createApp();
app.use(Button);See more in Quickstart.
Contribution
Please make sure to read the Contributing Guide before making a pull request.
Browser Support
Modern browsers and Android 4.0+, iOS 8.0+.
Ecosystem
| Project | Description |
|---|---|
| vant-demo | Official vant demo collection |
| vant-weapp | WeChat MiniProgram UI |
| vant-react | Vant React (maintained by the community) |
| vant-cli | Scaffold for UI library |
| vant-icons | Vant icons |
| vant-touch-emulator | Using vant in desktop browsers |
Links
Preview
You can scan the following QR code to access the demoοΌ
Wechat Group
Scan the qrcode to join our wechat discussion group, please note that you want to join Vant discussion group.
