This is a Vue component library based off of the Design System for GOA, Pimp My Book's bursary management app.
The Design System can be viewed on Figma.
- Range of basic components to make a basic application
- Uses TailwindCSS
- Storybook setup to view components during development
- Integration with Bit (Coming Soooooon)
You can easily install the library via NPM or Yarn:
npm
$ npm install narshik
yarn
$ yarn add narshik
You can import the components like so by importing the lib and it's CSS in your main.js
file:
import Vue from "vue";
import "narshik";
import "narshik/dist/narshik.css";
import App from "./App.vue";
Vue.config.productionTip = false;
new Vue({
render: h => h(App)
}).$mount("#app");
Then you can import any of the components like so:
//App.vue
<template>
<div id="app">
<DisplayLarge text="Hello Narshik!" />
</div>
</template>
$ yarn install
$ yarn run build
$ yarn run test
$ yarn run lint