Skip to main content

Range

Use our custom range inputs for consistent cross-browser styling and built-in customization.

Overview

Create custom <input type="range"> controls with .form-range.

Min and max

Steps

By default, range inputs "snap" to integer values. To change this, set the step attribute.

Disabled