grislyeye/vellum-dice

Web component and interactive dice roller.

<vellum-dice>

Web component and interactive dice roller. Inspired by javalent/dice-roller.

Demo

Attribute	Description	Default
animation	Juice the roll with a flash of pre-rolls.	false

Examples

Add the following wherever you need a roll: <vellum-dice>2d6+3</vellum-dice>.

Add the animation attribute to animate the component: <vellum-dice animation>2d6+3</vellum-dice>.

Installation

You have a few options (choose one of these):

1. Use the script directly via a 3rd party CDN.
2. Install via npm: npm install vellum-dice.
3. Download the source manually from GitHub into your project.

Usage

Include the <script> in your markup:

<script
  type="module"
  src="https://www.unpkg.com/[email protected]/vellum-dice.js"
></script>
<p>You have <vellum-dice> 3d6+3 </vellum-dice> Strength.</p>

If you host the script as part of your project:

<script type="module" src="vellum-dice.js"></script>