shapla-vue-components

A collection of reusable vue components for rapid development.

Usage no npm install needed!

<script type="module">
  import shaplaVueComponents from 'https://cdn.skypack.dev/shapla-vue-components';
</script>

README

shapla-vue-components

npm npm vue2

A collection of reusable vue components for rapid development.

Visit Demo Page

Table of contents

Installation

To install all components, run the following command in terminal

npm install shapla-vue-components

You can also install each component separately as your requirement.

For example, to install Shapla Data Table component, you can run in terminal npm install shapla-data-table

Or to install Shapla Tabs component, you can run in terminal npm install shapla-tabs

Usage

For example, to use button and progress bar components:

import {shaplaButton} from 'shapla-vue-components'; // or import shaplaButton from 'shapla-button';
import {progressBar} from 'shapla-vue-components'; // or import progressBar from 'shapla-progress-bar';


export default {
  name: 'Hello',

  components: {
    shaplaButton,
    progressBar
  },
  
  methods: {
    handleClick(){
      // Handle click event
    }
  }
}


<progress-bar :value="1" :max="10" :striped="true" :animated="true" size="small" theme="primary"/>
<shapla-button @click="handleClick"></shapla-button>

Components