项目作者: miniArray

项目描述 :
Windows metro UI Components for Vue
高级语言: Vue
项目地址: git://github.com/miniArray/monorail.git
创建时间: 2018-03-13T19:40:50Z
项目社区:https://github.com/miniArray/monorail

开源协议:MIT License

下载






Metro UI compent library for Vue.js



npm
CircleCI
license
GitHub issues
FOSSA Status


GitHub commit activity the past week, 4 weeks, year
GitHub last commit
npm


codebeat badge

Chat


Chat


code with hearth by miniArray



Standard - JavaScript Style Guide




contributions welcome
Open Source Helpers




Introduction

monorail is a metro UI component framework for Vue.js. It aims to provide clean, semantic and reusable components that make building your web based windows application a breeze.

Browser Support

monorail supports evergreen browsers, mobile, laptop & desktop.

Documentation

You can find the monorail documentation on the website.

One minute Quick-start

Codepen link

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href="https://unpkg.com/metro4@4/build/css/metro-all.css" rel="stylesheet" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
  6. </head>
  7. <body>
  8. <div id="app">
  9. <m-switch :checked="true" ></m-switch>
  10. </div>
  11. <script src="https://unpkg.com/vue@2/dist/vue.js"></script>
  12. <script src="https://unpkg.com/@miniarray/monorail/dist/components/monorail.js"></script>
  13. <script>
  14. new Vue({
  15. el: '#app'
  16. })
  17. </script>
  18. </body>
  19. </html>

Installation

Modern

  1. $ npm install @miniarray/monorail
  2. $ npm install vue metro4 # dependencies

```js static
import Vue from ‘vue’
import Monorail from ‘@miniarray/monorail/src’
import ‘metro4/build/css/metro-all.css’ // Required for CSS styles

Vue.use(Monorail)

  1. ## CDN
  2. ```html
  3. <link href="https://unpkg.com/metro4@4/build/css/metro-all.css" rel="stylesheet" />
  4. <script src="https://unpkg.com/vue@2/dist/vue.js"></script>
  5. <script src="https://unpkg.com/@miniarray/monorail/dist/components/monorail.js"></script>

Running The Test Suite

Console:

Installed the dependencies, via:

  1. npm install

then you can run the tests (and get detailed output) by running:

  1. npm test

Community Support

Ask your support questions on the monorail Discord Community.

Contributing

Developers interested in contributing should read the Code of Conduct.

Please do not ask general questions in an issue. Issues are only to report bugs, request
enhancements, or request new features. For general questions and discussions, ask on the monorail Discord Community.

It is important to note that for each release, the detailed changes are documented in the release notes.

Contributing Guide

You can report issues by following the Issue Template and you can create a minimal reproduction with a CodePen template or a full project at CodeSandbox.

We also have a list of help wanted issues that you might want to check.

License

monorail is MIT licensed.