0.4.29 • Published 4 years ago

be-clover v0.4.29

Weekly downloads
1
License
UNLICENSE
Repository
-
Last release
4 years ago

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

FullMinified
UMDbespokify-ui.umd.jsbespokify-ui.umd.min.js
CommonJSbespokify-ui.common.js
Stylesheetbespokify-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