https://github.com/aidewoode/office-ui-fabric-vue

Office UI Fabric implementation for Vue.js
https://github.com/aidewoode/office-ui-fabric-vue

office-ui-fabric ui-framework vue vuejs2

Last synced: about 2 months ago
JSON representation

Office UI Fabric implementation for Vue.js

• Host: GitHub
• URL: https://github.com/aidewoode/office-ui-fabric-vue
• Owner: aidewoode
• License: other
• Archived: true
• Created: 2017-06-08T14:51:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-03-30T17:08:40.000Z (over 3 years ago)
• Last Synced: 2024-09-23T04:32:28.122Z (about 2 months ago)
• Topics: office-ui-fabric, ui-framework, vue, vuejs2
• Language: JavaScript
• Homepage: https://aidewoode.github.io/office-ui-fabric-vue/
• Size: 1.61 MB
• Stars: 273
• Watchers: 14
• Forks: 30
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Office UI Fabric Vue

[![Build status](https://travis-ci.org/aidewoode/office-ui-fabric-vue.svg?branch=master)](https://travis-ci.org/aidewoode/office-ui-fabric-vue)

[![NPM version](https://img.shields.io/npm/v/office-ui-fabric-vue.svg)](https://www.npmjs.com/package/office-ui-fabric-vue)

> **Note:** Because [office-ui-fabric-js](https://github.com/OfficeDev/office-ui-fabric-js) no longer support, this project need to rewrite using [office-ui-fabric-core](https://github.com/OfficeDev/office-ui-fabric-core). But it's lots of works, I don't have too much time on this project now. So this project will no longer support. If someone wants to works with me on this project to write a new version, please contact me.

 

## Introduction

Office UI Fabric implementation for Vue.js, build with [office-ui-fabric-js](https://github.com/OfficeDev/office-ui-fabric-js)

## Dependencies

- vue.js 2.2.0+

## Installation

```

  $ yarn add office-ui-fabric-vue

  // or

  $ npm install office-ui-fabric-vue

```

## Usage

```javascript

  import Vue from 'vue'

  import OfficeUIFabricVue from 'office-ui-fabric-vue';

  // import css style

  import 'office-ui-fabric-vue/dist/index.css';

  Vue.use(OfficeUIFabricVue);

```

## Development

```

// clone the repo

$ git clone https://github.com/aidewoode/office-ui-fabric-vue.git

// install all dependencies

$ yarn install

// runing the doc site

$ yarn run server

// bundle the file

$ yarn run bundle

// runing the test

$ yarn run test

```

## Notice

This project just include js components, for the basic styling, include the icons, colors, layout, typography..., you can check the [Fabric Core](https://github.com/OfficeDev/office-ui-fabric-core) project.

This project already include Jquery and PickaDate, and used for the DatePicker component.

This project still in early stage, so the api of this components may have some break change later. If you find bugs or have feature quest, please [add a new issue](https://github.com/aidewoode/office-ui-fabric-vue/issues).