# Quick Start

To start using this kit you will need to to install some dependencies or copy some files to your project.

# Steps to Install

  • Make sure you have Node.js installed.
  • Navigate to the main directory (from terminal) where package.json is located.
  • Run npm install or yarn install.
  • Run npm run dev or yarn serve to start the local development server and start prototyping.


# Vue Material Kit PRO

Vue Material Kit PRO is built with vuematerial.io so you can simply import it and use it every component that you want. You can also import just individual components. Please see how to do this on this link: https://vuematerial.io/getting-started. 

import Vue from 'vue';
import VueMaterial from "vue-material";
import "vue-material/dist/vue-material.min.css";

Vue.use(VueMaterial);

# Global Components

Once you have done the step above you can easily use every component that is available on the VueMaterial.io components, so every component are globally.

# Custom Global Components

Vue Material Kit Pro comes with an extensive set of custom Vue components. Some of them are globally instantiated so it's easier to use them across the app without importing them each time.

Here's the list of global components:

  • Dropdown
  • Parallax
  • VPopover
  • Carousel
  • ProductZoomer
  • MobileMenu

# Local Components

Besides the components mentioned above, we have some extra components/plugins that are usually less used and bigger. In order to not affect the overall bundle size of the Material Kit, they should be imported locally.

Here's the list of local components (which are not global): 

|-- cards
|   |-- BlogCard.vue
|   |-- FullBgCard.vue
|   |-- LoginCard.vue
|   |-- NavTabsCard.vue
|   |-- PricingCard.vue
|   |-- ProductCard.vue
|   |-- ProfileCard.vue
|   |-- RotatingCard.vue
|   |-- TestimonialCard.vue
|-- Badge.vue
|-- Collapse.vue
|-- Dropdown.vue
|-- FileUpload.vue
|-- InfoAreas.vue
|-- Modal.vue
|-- Pagination.vue
|-- Parallax.vue
|-- Slider.vue
|-- Tabs.vue

← License →