Stepper with icon tiles and chevrons

4 incident resolution steps, each a tinted icon tile with its title and step number, joined by chevrons, with the step's detail below.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-stepper-31

Files

• registry-reui/bases/radix/components/stepper/c-stepper-31.tsx
• registry-reui/bases/radix/reui/icon-tile.tsx
• registry-reui/bases/radix/reui/stepper.tsx
• registry/bases/radix/ui/button.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx

Source

https://github.com/keenthemes/reui

Categories

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

More from ReUI

• Guided workspace setup
• Multi-select answers
• A written answer beside the choices
• Segmented progress with step labels
• An optional question with skip
• A rule that sends you back
• A branch that appears when it applies
• Basic stepper
• Stepper with content for each step
• Stepper with progress bar and titles
• Stepper with segmented progress bar
• Stepper with vertical orientation and descriptions