Range

A slider input component for selecting numeric values

<hf-input-group> <label>Price</label> <input type="range"> </hf-input-group>

Price

Notes

The range component provides a slider interface for selecting values.

• Wrap range inputs in an hf-input-group
• Include a descriptive label
• Use for selecting values from a continuous range