vue-cube-ui-kit

RIMU UI Kit

RIMU UI Kit is a component library for Vue.js.

It uses TailwindCss classes by default, and all classes are configurable.

Install and use

1. Install the dependencies

npm install vue-cube-ui-kit --save

Or:

yarn add vue-cube-ui-kit

2. Configure your project to use vue-cube-ui-kit

import Vue from 'vue'
import VueCubeUiKit from 'vue-cube-ui-kit'
 
Vue.use(VueCubeUiKit)

3. (Optional) configure purgecss

Using purgecss postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):

// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)
const purgecss = require('@fullhuman/postcss-purgecss')({
  content: [
    // ...Default config
    // Your custom theme file:
    './myOwnTheme.js',
    // Or the default
    // './node_modules/vue-cube-ui-kit/src/themes/default.js'
  ],
 
  // Include any special characters you're using in this regular expression
  defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})
 
module.exports = {
  plugins: [
    require('tailwindcss'),
    require('autoprefixer'),
    ...process.env.NODE_ENV === 'production'
      ? [purgecss]
      : []
  ]
}

Changelog

Please see CHANGELOG for more information what has changed recently.

Security

If you discover any security related issues, please email [e-mail] instead of using the issue tracker.

Credits

• Alfonso Bribiesca - forked from his repo
• Alexander Molde

License

The MIT License (MIT). Please see License File for more information.