Range

<ks-form-field type="range" label="Volume" />

Default Values

The range input will have a default minimum value of 0 and a maximum value of 100 and the slider will be set at the middle of the range. It will slide up and down at increments of 1.

You can change the default values by adding min, max, and step values.

<ks-form-field
    type="range"
    label="Volume"
    min="-50"
    max="50"
    step="10"
    value="-20">
</ks-form-field>

Usage

For more information on how to use the form field component and it's available configurations, check out the documentation.