Simple and beautiful portfolio item viewer for VueJS.
Live demo of the component can be found here.
Source of the component can be found Github.
npm i vue-portfolio-viewer
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>
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 |
The project is under MIT License.