1 | ![logo_vue-fluent_black.png](https://github.com/vensurfer61/vue-fluent/blob/master/docs/img/logo%20vue-fluent%20black.png?raw=true)
|
2 |
|
3 | # Vue-Fluent
|
4 |
|
5 | > Fluent Design Components for [Vue.js](https://vuejs.org) based on [Buefy](https://github.com/buefy/buefy) and [bulma-fluent](https://mubaidr.github.io/vue-fluent/), inspired by [Microsoft’s Fluent Design System](https://fluent.microsoft.com).
|
6 |
|
7 | > [Fluent Design Theme for Bulma](https://github.com/mubaidr/bulma-fluent) is also available.
|
8 |
|
9 | > [Addons for Bulma](https://github.com/mubaidr/bulma-addons) are also available.
|
10 |
|
11 | <br/>
|
12 |
|
13 | <a href="https://patreon.com/mubaidr">
|
14 | <img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" height="42">
|
15 | </a>
|
16 |
|
17 | [![NPM](https://nodei.co/npm/vue-fluent.png?compact=true)](https://nodei.co/npm/vue-fluent/)
|
18 |
|
19 | ![dependencies](https://david-dm.org/mubaidr/vue-fluent.svg)
|
20 |
|
21 | ## [Documentation](https://mubaidr.github.io/vue-fluent/)
|
22 |
|
23 | Browse the [online documentation here](https://mubaidr.github.io/vue-fluent/).
|
24 |
|
25 | ## Quick install
|
26 |
|
27 | ### NPM
|
28 |
|
29 | ```sh
|
30 | npm install vue-fluent
|
31 | ```
|
32 |
|
33 | ### Import
|
34 |
|
35 | ```js
|
36 | import Vue from 'vue'
|
37 | import VueFluent from 'vue-fluent'
|
38 |
|
39 | Vue.use(VueFluent)
|
40 |
|
41 | // Or Import individual components
|
42 | import Vue from 'vue'
|
43 | import Field from 'buefy/dist/components/field'
|
44 | import Input from 'buefy/dist/components/input'
|
45 | Vue.use(Field)
|
46 | Vue.use(Input)
|
47 |
|
48 | import 'vue-fluent/dist/vue-fluent.css'
|
49 |
|
50 | // You can customize the theme, for details check cutosmize section
|
51 | // Then import styles
|
52 |
|
53 | import 'vue-fluent/src/lib/index.scss'
|
54 | ```
|
55 |
|
56 | ## CDN link
|
57 |
|
58 | [unpkg.com/vue-fluent](https://unpkg.com/vue-fluent/dist/)
|
59 |
|
60 | ## Download from this Repository
|
61 |
|
62 | [Download Latest Minified CSS](https://raw.githubusercontent.com/mubaidr/vue-fluent/master/dist/)
|
63 |
|
64 | ## Copyright and license
|
65 |
|
66 | All credits to <a href="//github.com/buefy/buefy#collaborators">Buefy Collaborators</a> for implementing these beautiful components.
|
67 |
|
68 | Code released under [the MIT license](https://github.com/mubaidr/vue-fluent/blob/master/LICENSE).
|