Quantity Modifier Demo

Default Settings

Default min=1, max=99, value=1

<quantity-modifier></quantity-modifier>

Custom Min/Max

Min=5, Max=15, Value=10

<quantity-modifier min="5" max="15" value="10"></quantity-modifier>

Large Range

Min=0, Max=1000, Value=100

<quantity-modifier min="0" max="1000" value="100"></quantity-modifier>

Multiple Instances

Testing multiple components on the same page:

Event Logging

Watch the console or the log below for quantity-modifier:change events:

Event log will appear here...