README
BESPOKIFY-UI
Bespokify UI is a set of Vue components which are using for internal projects
Usage
Install with yarn
yarn add --dev 'clover-ui'
Use in project
Include bespokify-ui components into your main.js
import BespokifyUI from '@bespokify/ui'
Register components
// Register components
BespokifyUI.registerComponents();
// (Optional) Install Bespokify plugin to use some helpers, pipes
Vue.use(BespokifyUI);
Import the stylesheets into app.css or App.vue
@import '~@bespokify/ui/bespokify-ui.css'
Explanation of Build Files
| Full | Minified | |
|---|---|---|
| UMD | bespokify-ui.umd.js | bespokify-ui.umd.min.js |
| CommonJS | bespokify-ui.common.js | |
| Stylesheet | bespokify-ui.css |
Terms
- UMD: UMD builds can be used directly in the browser via a
<script>tag. - CommonJS: CommonJS builds are intended for use with older bundlers like browserify or webpack 1.
- Stylesheet: CSS can be used directly in the browser via a
<style>tag, or can be import in application bootstrap endpoint.
Development Setup Guide
Installation dependencies
yarn install
Serve with hot reload at localhost:8080
yarn serve
Build the library for production
yarn build:bundle
Build storybook for production
yarn build:storybook
Run unit tests
yarn unit