Dev Design Library

Stepper with right-aligned sub-steps

5 ticket resolution phases on a vertical rail, only the current one unfolding its tasks, while Previous and Next walk all 17 tasks in order.

Stepper with right-aligned sub-steps preview
Library
ReUI
Framework
React
Type
block
License
MIT
Dependencies
cn
Install
npx shadcn@latest add @reui/c-stepper-44
Files
  • registry-reui/bases/radix/components/stepper/c-stepper-44.tsx
  • registry-reui/bases/radix/reui/stepper.tsx
  • registry/bases/radix/ui/button.tsx
  • registry/bases/radix/ui/collapsible.tsx
  • registry/bases/radix/ui/separator.tsx
  • app/(create)/components/icon-placeholder.tsx
  • lib/icon-library-store.ts
  • registry/icons/icon-lucide.tsx
Source
https://github.com/keenthemes/reui

Categories

More from ReUI