loading... Pacem JS


The slider scaffolding element might become handy and elegant at the same time when a numeric form field comes with min and max (range) constraints.


The slider has several levels of customization:

Formattable and Autogeneratable

PacemSliderElement value can be formatted given straight attribute or relevant metadata.

[ {"prop": "amount", "type": "float", "dataType": "percentage", "display": { "name": "Progress", "ui": "slider", "cssClass": ["field-minimal"] }, "validators": [{ "type": "range", "errorMessage": "Nope, you can't", "params": { "min": 0, "max": 1 } }] } ]