vue-columns

Vue renderless functional component to dispatch children items in columns

Documentation

Quick start

<template>
  <Columns :columns="3">
    <div v-for="item in items" :key="item" v-text="item" />
  </Columns>
</template>

<script>
import { Columns } from 'vue-columns'

export default {
  components: {
    Columns,
  },
  data () {
    return {
      items: Array.from(Array(12)).map((v, i) => i),
    }
  },
}
</script>

Thanks & credits

This repo is based on @Akryum https://github.com/Akryum/vue-mention.