SVG Filler is a Vue component for changing the fill color and size of the SVG of your path.
vue js svg filler component example, vue js svg filler component not working, vue js svg filler component with image, vue js svg filler component not showing, vue js svg
How to make use of it:
Install & Download:
# NPM $ npm install vue-svg-filler --save
Usage
import SvgFiller from 'vue-svg-filler'
Vue.component('svg-filler', SvgFiller)<svg-filler path="static/PATH/OF/YOUR/FILE.svg"/>
Options
Props
| Props | Type | Default | Description |
|---|---|---|---|
| path | String | – | Path of your svg file in /static |
| width | String | 24px | Width |
| height | String | 24px | Height |
| fill | String | #000 | Fill color |
| hover-color | String | – | Fill color when hover icon |
| stroke | String | none | Stroke color |
| hover-stroke-color | String | – | Stroke color when hover icon |
Events
| Name | Type | Default | Description |
|---|---|---|---|
| click | Function | – | Triggers when click |
| [any].native | event: $event | – | Listen to any native event, e.g. mouseover.native |
Vue.js SVG Filler Component, Vue SVG Filler Plugin/Github
See Demo And Download
Official Website(biigpongsatorn): Click Here
This superior jQuery/javascript plugin is developed by biigpongsatorn. For extra advanced usage, please go to the official website.
