Vue.js Mobile UI Components Library – Vant

Description:

vant is a mobile UI kit for vue.js 2 and vue.js 3 that makes it simple to create mobile-friendly, nice-looking UI components.

Features:

  • 65+ Reusable components
  • Lightweight
  • Support Vue 2 & Vue 3
  • Support Custom Theme
  • Support i18n
  • Support TS
  • Support SSR

UI Components Included:

  • Button
  • Cell
  • Icon
  • Image
  • Layout
  • Popup
  • Built-in style
  • Toast
  • Calendar
  • Cascader
  • Checkbox
  • DatetimePicker
  • Field
  • Form
  • NumberKeyboard
  • PasswordInput
  • Picker
  • Radio
  • Rate
  • Search
  • Slider
  • Stepper
  • Switch
  • SwitchCell
  • Uploader
  • ActionSheet
  • Dialog
  • DropdownMenu
  • Loading
  • Notify
  • Overlay
  • PullRefresh
  • ShareSheet
  • SwipeCell
  • Badge
  • Circle
  • Collapse
  • CountDown
  • Divider
  • Empty
  • ImagePreview
  • Lazyload
  • List
  • NoticeBar
  • Popover
  • Progress
  • Skeleton
  • Steps
  • Sticky
  • Swipe
  • Tag
  • Grid
  • IndexBar
  • NavBar
  • Pagination
  • Sidebar
  • Tab
  • Tabbar
  • TreeSelect
  • AddressEdit
  • AddressList
  • Area
  • Card
  • ContactCard
  • ContactEdit
  • ContactList
  • Coupon
  • GoodsAction
  • SubmitBar
  • Sku

How to use it:

1. Import UI components of your choice.

import Vue from 'vue';
import { Button } from 'vant';

2. Register the UI component.

Vue.use(Button);
// OR
Vue.component(Button.name, Button);
// OR GLOBALLY
export default {
  components: {
    [Button.name]: Button,
  },
};

3. Happy coding.

Preview:

Vue.js Mobile UI Components Library - vant

Changelog:

v2.12.28 (09/21/2021)

  • Icons: Added shield-o and guide-o icons
  • Fixed radio

v3.2.3 (09/11/2021)

  • Update

v2.12.27 (09/06/2021)

  • Sku: added custom-upload option
  • Bug Fixes

v2.12.25 (07/26/2021)

  • Cascader: Added option slot
  • CellGroup: Added inset prop

v2.12.24 (07/12/2021)

  • Bug Fixes

v2.12.23 (07/05/2021)

  • Calendar: added top-info and bottom-info slots
  • Bug Fixes

v2.12.22 (06/03/2021)

  • Update

v2.12.21 (06/02/2021)

  • Button: Added icon slot
  • CouponList: Added list-footer、disabled-list-footer slot
  • Locale: Added French
  • Bug Fixes

v2.12.20 (05/23/2021)

  • Update

v2.12.19 (05/17/2021)

  • Update

v2.12.18 (05/10/2021)

  • Update

v2.12.17 (05/09/2021)

  • Update

v2.12.16 (05/03/2021)

  • Steps: Added icon-prefix prop
  • Bugfixes

v2.12.15 (04/25/2021)

  • Bug Fixes

v2.12.14 (04/18/2021)

  • Improvements and bugfixes

v2.12.13 (04/11/2021)

  • Sticky: added change event

v2.12.11/12 (03/29/2021)

  • Bug Fixes

v2.12.10 (03/19/2021)

  • Bug Fixes

v2.12.9 (03/08/2021)

  • AddressList: Added tag slot

v2.12.8 (03/06/2021)

  • ImagePreview: Added transition prop
  • PullRefresh: Added pull-distance prop
  • Locale: Added th-TH
  • Bug Fixes

v2.12.7 (02/28/2021)

  • Step: Added finish-icon slot
  • Steps: Added finish-icon slot
  • Bugfixes

v2.12.6 (01/25/2021)

  • Update and bugfix

v2.12.5 (01/24/2021)

  • Update

v2.12.4 (01/17/2021)

  • Cascader: Added field-names prop
  • Cell: Set clickable to false to disable click state
  • Bug Fixes

v2.12.2 (01/09/2021)

  • Bug Fixes

v2.12.2 (01/02/2021)

  • Calendar: Added scrollToDate method
  • Form: Added sdisabled prop
  • Form: Added sreadonly prop
  • Loading: Added stext-color prop
  • IndexBar: Added sscrollTo method
  • NumberKeyboard: Added srandom-key-order prop

v2.12.1 (12/26/2020)

  • Update

v2.11.3 (12/10/2020)

  • Sku: Added disable-soldout-sku prop
  • Icon: Added delete-o, sort, font, font-o, and revoke icons

v2.11.2 (12/10/2020)

  • Improvements and Bug Fixes

v2.11.1 (11/26/2020)

  • CheckboxGroup: add skipDisabled option to toggleAll method
  • DatetimePicker: support all Picker slots
  • Popover: add trigger property
  • Popover: improve accessibility
  • Bug Fixes

v2.11.0 (11/21/2020)

  • Added Badge component
  • Added Popover component

v2.10.14 (11/15/2020)

  • Update

v2.10.13 (11/08/2020)

  • NavBar: Added safe-area-inset-top prop.
  • Improvements and Bugfixes

v2.10.12 (10/31/2020)

  • Image: Added icon-prefix prop
  • Progress: Added resize prop
  • SubmitBar: Added button slot
  • Improved styles
  • Fixed bugs

v2.10.11 (10/24/2020)

  • Added image-size prop
  • Added option slot
  • Added cancel slot
  • Added confirm slog
  • Bug Fixes

v2.10.10 (10/01/2020)

  • Icons: added minus icon
  • IndexBar: added change event
  • Improvement and bugfix

v2.10.9 (10/01/2020)

  • Bug Fixes
  • Added more locals
  • Added page, prev-text, next-text slots
  • Added toggle method

v2.10.8 (09/21/2020)

  • Bug Fixes
  • Added ‘title’ slot

v2.10.6 (09/08/2020)

  • Bug Fixes

Download Details:

Author: youzan

Live Demo: https://www.youzanyun.com/zanui/vue/component/quickstart

Download Link: https://github.com/youzan/vant/archive/dev.zip

Official Website: https://github.com/youzan/vant

Install & Download:

# Vue 2
npm i vant -S

# Vue 3
npm i [email protected] -S

You Might Be Interested In:

Add Comment