/vue-js-list

📑 Simple and customizable Vue.js list.

Primary LanguageJavaScript

npm version npm

Vue.js List

Live demo here

Dark mode on:

list-dark

Standard:

list-standard

Install:

npm install vue-js-list

Use:

<template>
  <v-list :content="arrayOfContent" :titles="arrayOfTitles"/>
</template>

<script>
import VList from 'vue-js-list';
export default {
  data(){
    arrayOfContent: [ ["content1", "content2"], ["content3", "content4"], ],
    arrayOfTitles: ["title1", "title2"]
  },
  components: {
    VList,
  }
}
</script>

Prop

Name Type Required Description
content Array + Arrays inside of another array with your content
titles Array + All your titles
tableHeight [String, Number] - Height of all your table
columnsWidth [String, Number] - Width of each column
inputPlaceholder String - Search input placeholder
darkModeOn Boolean - Dark mode