Pulldown Button


The user needs to select an item out of a set of items


Show the items by their visual representation in a circular fashion so that one item can be selected at a time.

From www.funda.nl

Use when

The items need considerable space to display, usually because the are displayed as an image. At the same time the space for the items is limited. Typically only enough for 5-8 items. The set of items shouldn't be to large because otherwise it takes to long to select the item. Do not use for more than 3x times the amount of items that are visible at one time.


Show the item in a rectangular space with arrow buttons at both ends. Display the items and highlight the one that is currently selected.



More Examples

Google also uses a pulldown-button for replying and hiding other options:


Also known as

Code examples

Carousel component
3D Carousel in Flash
http://www.jdstiles.com/java/nav/3dspinmenu.html http://billwscott.com/carousel/
plml logo


0 comments have been added to this pattern

Add a comment
Do you have something to add or say about this pattern? Perhaps some more examples of how this pattern is used in the wild? Add a comment to this pattern and I'll update the pattern when necessary. Please abstain from misuse. I reserve the right to delete or modify inappropriate postings.

Your Name


Enter the verification code you see in the image below