Simple and beautiful portfolio item viewer for VueJS.

Demo

Live demo of the component can be found here.

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	❌	''	Image file url.
borderColor	String	✅	#e74c3c	Color of the border.
href	String	✅	''	External link

License

The project is under MIT License.