Vue.js List

Simple and customizable Vue.js list.

View Demo View Github

Dark mode on:

114313481-18348380-9acd-11eb-8930-afd94b43726c

Standard:

114313482-18cd1a00-9acd-11eb-9220-638c0084e04a

Install:

npm install vue-js-list
Bash

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>
Vue

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

GitHub

https://github.com/Lukenoutte/vue-js-list