Shapla Vue Components

A collection of reusable vue components for vue 2.

For Vue 3, Visit Shapla Vue Components

Visit Demo Page

Table of contents

• Installation
• Usage

Installation

Install using npm package manager

npm i shapla-vue-components

or using yarn package manager

yarn add shapla-vue-components

Usage

For example, to use button and progress bar components:

import {shaplaButton, progressBar} from 'shapla-vue-components';

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

• Shapla Button
• Shapla Checkbox
• Shapla Color System
• Shapla Columns
• Shapla Confirm Dialog
• Shapla Dashboard Layout
• Shapla Data Table
• Shapla Data Table Pagination
• Shapla Data Table Status
• Shapla Delete
• Shapla Dropdown
• Shapla File Uploader
• Shapla Icon Container
• Shapla Image Container
• Shapla Input Slider
• Shapla Modal
• Shapla Notifications
• Shapla Progress Bar
• Shapla Radio
• Shapla Radio Button
• Shapla Search Form
• Shapla Select Field
• Shapla Side Navigation
• Shapla Spinner
• Shapla Star Rating
• Shapla Switch
• Shapla Tabs
• Shapla Text Field
• Shapla Toggles