Vuejs 2+ components built using Microsoft’s Fluent Design System

by Vue.js Examples

Vue-Fluent

Fluent Design Components for Vue.js using Bulma and bulma-fluent, inspired by Microsoft’s Fluent Design System.

Fluent Design Theme for Bulma is also available.

Addons for Bulma are also available.

View Documentation Download Source

Quick install

NPM

npm install vue-fluent

Import

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

Vue.use(VueFluent)

// Or Import individual components

Vue.component(VueFluent.Checkbox.name, VueFluent.Checkbox)
Vue.component(VueFluent.Table.name, VueFluent.Table)
Vue.component(VueFluent.Switch.name, VueFluent.Switch)

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

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

GitHub