Stepper
Chỉ báo tiến trình nhiều bước: checkout, onboarding, wizard import. Ngang hoặc dọc. Dựng bằng <ol> + aria-current=step, trạng thái từng bước có chữ chứ không chỉ có màu. Mọi nhãn qua prop labels.
Cài đặt
npx shadcn@latest add @reno/stepperDemo
- Giỏ hàng3 khoá họcBước 1 / 4 — Đã xong
- Thông tinNgười họcBước 2 / 4 — Đang làm
- Thanh toánChuyển khoảnBước 3 / 4 — Chưa tới
- Hoàn tấtBước 4 / 4 — Chưa tới
npm dependencies
- lucide-react@^1.38.0
Registry dependencies
- @reno/utils