Videl is a component framework for Vue2. Based on Bulma.
npm install videl --save-devMake sure to include the dist/videl.min.css file as the styles have been extracted into a single CSS file.
import 'Vue' from 'vue'
import 'Videl' from 'videl'
Vue.use(Videl)<link rel="stylesheet" href="https://unpkg.com/videl/dist/videl.min.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/videl/dist/videl.min.js"></script><!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/videl/dist/videl.min.css">
<title>Videl example</title>
</head>
<body>
<div id="app">
<!-- Container -->
<vd-container>
<!-- Box -->
<vd-box>Hello World!</vd-box>
<!-- Button -->
<vd-button>This is awesome!</vd-button>
</vd-container>
</div>
<!-- Scripts -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/videl/dist/videl.min.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html>