vue-portfolio-viewer
v0.1.1Simple 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.