vue-dice-roller


A Dice Roller Vue.js component with images. Like story cubes.

!example.gif

You can check an example here http://vitomd.com/vue-dice-roller/example.html

Note to self, to generate icon list
``
printf "https://raw.githubusercontent.com/vitogit/vue-dice-roller/master/src/icons/%s?sanitize=true\',\n\'" * > _list.js
`

License

Idea based on https://github.com/treetrnk/storygen/

The icons used are from http://game-icons.net/ the author is https://github.com/Delapouite

It has a CC BY 3.0 license so if you use the component or the icons you must credit him for his work.

Installation

`
npm install --save vue-dice-roller
`

Default import

Install all the components:

`javascript
import Vue from 'vue'
import {DiceRoller} from 'vue-dice-roller'
`


⚠️ A css file is included when importing the package. You may have to setup your bundler to embed the css in your page.

Distribution import

Install all the components:

`javascript
import 'vue-dice-roller/dist/vue-dice-roller.css'
import {DiceRoller} from 'vue-dice-roller/dist/vue-dice-roller.common'

Vue.use(DiceRoller)
`

⚠️ You may have to setup your bundler to embed the css file in your page.

Browser

`html




`

`javascript
Vue.use(VueDiceRoller)
`

Example Vue App

Full Example. You can check it online here: http://vitomd.com/vue-dice-roller/example.html
`
ROLL

{{index}}




`

Example HTML

Full Example. You can check it online here: http://vitomd.com/vue-dice-roller/example.html
`



`


Will roll 5 dices with random color backgrounds
`

`

Will roll 3 dices with white backgrounds
`

``