Cloudflare LogoNavigate Back
Cloudflare Style
Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Components
Form

Slider

A slider is a control that allows users to select a specific value (or range of values).

In 1% steps:
0%42%100%
Disabled state:
01
  • Design
  • Implementation

Sliders work best when the specific value does not matter to the user, but an approximate value is good enough.

Slider labels must be displayed above or beside the slider, rather than below it, in order to remain visible while the user is selecting a value.

For inputting precise values, use an input field instead.

Product Usage

  • Dashboard
  • Teams
  • Radar
    v1.3.67Last updated March 26, 2021
    View source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

    Cloudflare LogoNavigate back
    • © 2021 Cloudflare, Inc.
    • About Cloudflare
    • Careers
    • Terms of Use
    • Disclosure
    • Trademark