vue-portfolio-viewer

Simple and beautiful portfolio item viewer for VueJS.

Demo

Live demo of the component can be found here.

Source Code

Source of the component can be found Github.

Installation

npm i vue-portfolio-viewer

Usage

After the installation, the component can be used by passing the appropriate props for displaying the data and messages. A sample usage within a single file component is as follows:

<template>
  <div>
    <PortfolioItem :img="require('../assets/logo.png')"
      href="clicklink"
      borderColor ="#3f3f3f"
 />
  </div>
</template>

<script>
import PortfolioItem from "vue-portfolio-viewer/PortfolioItem"

export default {
  components: {
    PortfolioItem,
  },
};
</script>

Props

There are basically three different props The props are as follows:

prop	Type	Optional?	Default	Description
img	String	:x:	''	Image file url.
borderColor	String	:white_check_mark:	#e74c3c	Color of the border.
href	String	:white_check_mark:	''	External link

License

The project is under MIT License.