JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q21840F
  • License MIT

An DualList component for Vuetify (VueJS)

Package Exports

  • vuetify-dual-list

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 (vuetify-dual-list) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vuetify-dual-list

vuetify-dual-list is a Vuetify component for VueJS.

Installation

Use the package manager yarn to install vuetify-dual-list.

yarn add vuetify-dual-list

Usage

<template>
  <dual-list :icons="icons" :items="items" v-model="selected" item-text="value" item-value="key" :dense="dense" />
</template>

<script>
import DualList from 'vuetify-dual-list'

export default {
  components: {
    DualList
  },

  data () {
    return {
      items: [], // Required
      i18n: { // Optional
        vuetifyNotFound: '',
        list1: '',
        list2: '',
        findIn: '',
        noData: ''
      },
      icons: { // Optional
        prevAll: '',
        prev: '',
        next: '',
        nextAll: ''
      },
      selected: [] // Required - NOTE: Actually we doesn't support all functions related to v-model, it means, if you update "selected", the component didn't update automaticly
      dense: false // Optional
    }
  }
}
</script>

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT