A Vue component for creating dashes of different sizes using SVG.
npm install --save vue-dashesInclude the plugin in your main.js file.
import VueDashes from 'vue-dashes'
Vue.use(VueDashes)Then use the component
<vue-dashes
color="papayawhip"
:num-dashes="5"
:dash-height="6"
:dash-length="3"
:space-length="2"
/>| Name | Required | Type | Default | Description |
|---|---|---|---|---|
| color | false | String | '#000' | hex code or HTML color name of the dashes |
| numDashes | false | Number | 10 | number of dashes |
| dashHeight | false | Number | 1 | the height of the dashes |
| dashLength | false | Number | 1 | the length of the dashes |
| spaceLength | false | Number | 1 | the length of the spaces between dashes |
Pull requests are welcomed and encouraged!
To develop locally:
npm startMake sure linting passes and unit tests are added or updated before submitting your pull request:
npm run lintnpm run test:watch