@uswds/uswds

Version:

Open source UI components and visual style guide for U.S. government websites

15 lines (14 loc) • 307 B

HTML

<form class="usa-form">
  <span class="usa-hint" id="range-hint">Move the slider to change the value</span>
  <input
    id="usa-range"
    class="usa-range"
    type="range"
    min="20"
    max="100"
    step="10"
    value="20"
    data-text-unit="percent"
    aria-describedby="range-hint"
  />
</form>