elecsim-vue-fluent

Fluent Design Components for Vue.js using Bulma CSS framework and Bulma-Fluent theme, inspired by Microsoft’s Fluent Design System.

Usage no npm install needed!

<script type="module">
  import elecsimVueFluent from 'https://cdn.skypack.dev/elecsim-vue-fluent';
</script>

README

Logo by jbeguna04

Vue-Fluent

Fluent Design Components for Vue.js based on Buefy and bulma-fluent, inspired by Microsoft’s Fluent Design System.

Fluent Design Theme for Bulma is also available.

Addons for Bulma are also available.


NPM

dependencies

Documentation

Browse the online documentation here.

Quick install

NPM

npm install vue-fluent

Import

import Vue from 'vue'
import VueFluent from 'vue-fluent'

Vue.use(VueFluent)

// Or Import individual components
import Vue from 'vue'
import Field from 'buefy/dist/components/field'
import Input from 'buefy/dist/components/input'
Vue.use(Field)
Vue.use(Input)

import 'vue-fluent/dist/vue-fluent.css'

// You can customize the theme, for details check cutosmize section
// Then import styles

import 'vue-fluent/src/lib/index.scss'

CDN link

unpkg.com/vue-fluent

Download from this Repository

Download Latest Minified CSS

Copyright and license

All credits to Buefy Collaborators for implementing these beautiful components.

Code released under the MIT license.