JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 20
  • Score
    100M100P100Q54527F
  • License MIT

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

Package Exports

  • vue-fluent

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-fluent) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

logo_vue-fluent_black.png

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'

unpkg.com/vue-fluent

Download from this Repository

Download Latest Minified CSS

All credits to Buefy Collaborators for implementing these beautiful components.

Code released under the MIT license.