Skip to content
aq-ui
Back to ComponentsComponent

Stepper

Controlled or uncontrolled, linear-aware multi-step workflow with horizontal and vertical composition.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add stepper

API reference

Client moduleView full source

Quick start

"use client"

import { Stepper } from "@/components/ui/stepper"

<Stepper />

Exports

  • Stepper const
  • StepperContent const
  • StepperDescription const
  • StepperIndicator const
  • StepperItem const
  • StepperList const
  • StepperNext const
  • StepperPrevious const
  • StepperProps interface
  • StepperSeparator const
  • StepperTitle const
  • StepperTrigger const

Registry dependencies

button, utils

Package dependencies

lucide-react@^1.31.0

Files

  • components/ui/stepper.tsx

Source