0.1.9 • Published 4 years ago
vue-portfolio-viewer v0.1.9
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.