vue-dashes

A Vue component for creating dashes of different sizes using SVG.

!image

$3

``bash
npm install --save vue-dashes
`

$3

Include the plugin in your main.js file.

`javascript
import VueDashes from 'vue-dashes'

Vue.use(VueDashes)
`

Then use the component

`html
color="papayawhip"
:num-dashes="5"
:dash-height="6"
:dash-length="3"
:space-length="2"
/>
`

$3

| 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 |

$3

Pull requests are welcomed and encouraged!

To develop locally:

`bash
npm start
`

Make sure linting passes and unit tests are added or updated before submitting your pull request:

`bash
npm run lint
`

`bash
npm run test:watch
``