BigIn's Design System

Vue based UI library.

Installation

Add BDS dependencies to your project. The @bigin/bigin-ui-vue is Vue UI components library. The @bigin/bigin-ui-ds is a default theme. You can freely customize it at your end by config the SCSS variables.

# npm
npm i @bigin/bigin-ui-vue @bigin/bigin-ui-ds

# yarn
yarn add @bigin/bigin-ui-vue @bigin/bigin-ui-ds

Configuration

Then, create a plugin and add to the plugins section of nuxt.config.js

// ~/plugins/bigin-ui.js

import Vue from 'vue'
import BiginUI from '@bigin/bigin-ui-vue'

export default ({ app }) => {
  return Vue.use(BiginUI, {
    i18n: (key, value) => app.i18n.t(key, value)
  })
}

// ~/nuxt.config.ts

...
plugins: ['~/plugins/bigin-ui.js'],
css: ['@bigin/bigin-ui-ds'],
build: { transpile: [/^@bigin\/bigin-ui-vue/] }
...

Documentation

Visit our developer guides for more information.

https://bigin.netlify.app