# Stepper

> A stepper from the Create UI design system for onboarding and checkout flows. Badge steps with completed, active, error and locked states, lead icons, two sizes, and dot indicators in circle, pill and bar shapes.

- Author: [Create UI](https://21st.dev/@createuico)
- License: mit
- npm dependencies: clsx, radix-ui, tailwind-merge, @create-ui/assets, class-variance-authority
- Live preview: https://21st.dev/@createuico/components/stepper

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/createuico/stepper?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt