https://github.com/melihaltintas/vue-portfolio-viewer
https://github.com/melihaltintas/vue-portfolio-viewer
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/melihaltintas/vue-portfolio-viewer
- Owner: MelihAltintas
- Created: 2020-05-08T21:38:39.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T05:22:32.000Z (almost 3 years ago)
- Last Synced: 2025-05-01T17:06:35.546Z (5 months ago)
- Language: Vue
- Size: 3.6 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Simple and beautiful portfolio item viewer for VueJS.
## Demo
Live demo of the component can be found [here.](https://vueportfolioviewer.netlify.app/)
## 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:
```html
import PortfolioItem from "vue-portfolio-viewer/PortfolioItem"
export default {
components: {
PortfolioItem,
},
};
```
### 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.