Stepper

Status

Component checklist

Key points

• Steppers control navigation between two and five items in a collection
• Steppers use two icon buttons (previous and next) with visual indicators to show status
• Steppers can either step between the first and last item or go through a continuous carousel
• Steppers have no outer padding and therefore should be spaced as appropriate
• Steppers are commonly used with carousels to show the number of items and which item is currently selected

Use a stepper to allow users to navigate through a small collection of items displayed in a fixed area.