# Installation

# Node package

Install slim-ui with the npm or yarn. It can work with webpack and ES2015 very well.

# npm
npm install slim-ui
# yarn
yarn add slim-ui

Install its peer dependencies.

# npm
npm install --save-dev node-sass sass-loader
# yarn
yarn add -D node-sass sass-loader

# Use all components

import Vue from 'vue'
import SlimUI from 'slim-ui'

Vue.use(SlimUI)

# Or indiviual components

import Vue from 'vue'
import { Button } from 'slim-ui'

Vue.use(Button)

# Module Loader

This is the recommended way if your application uses vue-cli or has a webpack based build with vue-loader configured. Import the components as .vue files for seamless integration within your project where path of each component is available at the "import" section of a component documentation.

import { Button } from 'slim-ui';

In the next step, register the component with the tag name you'd like to use.

Vue.component('su-button', Button);

Then you'll be able to utilize the component in your application.

<su-button class="button button-blue">Primary</su-button>

# Sample usage

<div id="app">
  <su-button class="button button-blue">Primary</su-button>
</div>

<script>
import { Button } from 'slim-ui';

export default {
  components: {
		'su-button': Button
	}
}
</script>