Stepper

Numbered steps joined by a line that fills as you move forward. Finished steps trade their number for a check and can be clicked to go back.

Library

EaseUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @easeui/stepper

Files

• components/motion/stepper.tsx
• lib/utils.ts

Source

https://github.com/rjcuff/easeui

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Stepper Components
• React Stepper Components
• Tailwind CSS Stepper Components

More from EaseUI

• Accordion
• Agent Loading States
• Alert
• Avatar
• Badge
• Button
• Card
• Checkbox
• Code Block
• Command Palette
• Copy Button
• Diff View