simple-style-ui UI library for Web APP, built with Vue.js.
$ yarn add simple-style-ui
or
$ npm install simple-style-ui --save
Then you need to import its components and plugins in main.js.
// main.js
// Import the library
import SUI from 'simple-style-ui'
import 'simple-style-ui/dist/simple-style-ui.css'
// Use some plugins
Vue.use(SUI)
Now, let's place some components in your Web APP!
<s-button type="default">Default</s-button>
<s-button type="primary">primary</s-button>
<s-button type="warning">Warning</s-button>
<s-button type="danger">Danger</s-button>
<s-button type="info">Info</s-button>
<s-button type="success">Success</s-button>
This UI library will reset some styles as followed. I strongly recommend you to add these styles to all of your projects for saving time to find CSS bugs :)
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}