Carousels allow the user to browse a set of similar items. They can be used to reduce the amount of vertical space taken by a set of items, but should only be used in this manner when its content can be grouped into a coherent category.
When to Use
Carousels can be a useful pattern when featuring items, such as app recommendation, because it is an inherently visual format. A visual indicator at the base of the carousel reveals the number of items in the set and the user’s position within it. Avoid using carousels for non-visual mediums, such as text-based content. Additionally, avoid using Carousels to display more than seven items.
Appearance & Behavior
- Selected thumbnail and image is 100% while unselected thumbnail is 40% in opacity.
- On hover and click, the thumbnail becomes 80% in opacity.
- Clicking on the carousel arrow shows the next set of thumbnails.