Code pen: https://codepen.io/kiwideejay/full/LzgBGQ/

It's essentially a radio button group - user must have one selected, and only one selected.

The context it's used for isn't really filling in forms - but selected different modes within an app.

As an aside - what's the best way to search these questions? I don't know what words to use.

  • Can u briefly explain the purpose of different modes?
    – Hyrein
    Oct 16, 2017 at 5:56
  • Well the specific purpose I have for it is this: geo-art.s3-website.us-east-2.amazonaws.com (resize it to mobile). I'd put one of these side to side selectors in, and it changes the list of parameters and the algorithm that is playing.
    – dwjohnston
    Oct 16, 2017 at 6:00
  • You didn't ask for feedback, but I suggest making the title/label a dropdown menu or similar. This can save a few clicks when going from one 'slide' to another. Nov 2, 2017 at 14:16

1 Answer 1


This would be simply considered a carousel with buttons instead of images or text.

I find the best way to look for the names of these elements, is to simply google a short description of it. If you are unaware of the name of the most common types of elements you can read the material design or apple guidelines. They list most kinds of elements with a short description.

  • Hey. The example I gave wasn't Meant to be demonstrating the range sliders, but the context where the carousel would be used
    – dwjohnston
    Oct 16, 2017 at 8:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.