Button Group Navigation 3 - Wizard Steps

Pro

Wizard Steps with connected prev, next, and step buttons.

Shadcn Button Group Navigation 3 component

Component Data

  • ID:button-group/button-group-navigation-3
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Button Group Navigation 3 component design & features

This example uses a shadcn ButtonGroup for wizard steps with connected navigation or step controls. Previous, next, and numbered buttons share grouped styling for sequential movement.

Navigation button groups suit pagination, wizard steps, carousel controls, and multi-step flows where directional actions should read as a single control unit.