92:I[903690,["/chat-static/_next/static/immutable/chunks/3ylj5670h8zr_.js","/chat-static/_next/static/immutable/chunks/39zn_d0r3svko.js","/chat-static/_next/static/immutable/chunks/0pphhapj-fw3x.js","/chat-static/_next/static/immutable/chunks/35uzh68pydp0v.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/2i0rpllg-4zvf.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/015t3ef19py76.js","/chat-static/_next/static/immutable/chunks/1nwzd05fjwfah.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/1spqqj78e1ykn.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/3ldgj5vn7sd9j.js","/chat-static/_next/static/immutable/chunks/3hyzknxyslfo7.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/2kv6vo--6ni6k.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/02_tyxb_2ub3k.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/25nk5m2byvzk9.js","/chat-static/_next/static/immutable/chunks/2yzca_tnqvjec.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/09itepgh-7q9f.js","/chat-static/_next/static/immutable/chunks/0-ec22_yqmzcc.js","/chat-static/_next/static/immutable/chunks/44bhef7a7u-7e.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/1-csp0uzup6br.js","/chat-static/_next/static/immutable/chunks/3-80--tl5_i_3.js","/chat-static/_next/static/immutable/chunks/1_0--72vfkr3d.js","/chat-static/_next/static/immutable/chunks/3q-6iwjlz2gxz.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/108tnhrfmf7_s.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/18jlbprnfbhgc.js","/chat-static/_next/static/immutable/chunks/1zvijznvbabvr.js","/chat-static/_next/static/immutable/chunks/1cs_9ye6hwibc.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/1y-s_5v3gpgrs.js","/chat-static/_next/static/immutable/chunks/3cox-6-gj2koz.js","/chat-static/_next/static/immutable/chunks/03zfcg27aso3w.js"],"ExplicitChatIdProvider"] 93:I[838238,["/chat-static/_next/static/immutable/chunks/3ylj5670h8zr_.js","/chat-static/_next/static/immutable/chunks/39zn_d0r3svko.js","/chat-static/_next/static/immutable/chunks/0pphhapj-fw3x.js","/chat-static/_next/static/immutable/chunks/35uzh68pydp0v.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/2i0rpllg-4zvf.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/015t3ef19py76.js","/chat-static/_next/static/immutable/chunks/1nwzd05fjwfah.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/1spqqj78e1ykn.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/3ldgj5vn7sd9j.js","/chat-static/_next/static/immutable/chunks/3hyzknxyslfo7.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/2kv6vo--6ni6k.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/02_tyxb_2ub3k.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/25nk5m2byvzk9.js","/chat-static/_next/static/immutable/chunks/2yzca_tnqvjec.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/09itepgh-7q9f.js","/chat-static/_next/static/immutable/chunks/0-ec22_yqmzcc.js","/chat-static/_next/static/immutable/chunks/44bhef7a7u-7e.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/1-csp0uzup6br.js","/chat-static/_next/static/immutable/chunks/3-80--tl5_i_3.js","/chat-static/_next/static/immutable/chunks/1_0--72vfkr3d.js","/chat-static/_next/static/immutable/chunks/3q-6iwjlz2gxz.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/108tnhrfmf7_s.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/18jlbprnfbhgc.js","/chat-static/_next/static/immutable/chunks/1zvijznvbabvr.js","/chat-static/_next/static/immutable/chunks/1cs_9ye6hwibc.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/1y-s_5v3gpgrs.js","/chat-static/_next/static/immutable/chunks/3cox-6-gj2koz.js","/chat-static/_next/static/immutable/chunks/03zfcg27aso3w.js"],"SWRDataProvider"] 94:Td17,[V0_FILE]typescriptreact:file="progress-indicator.tsx" "use client" import { Check, Star, Settings, User } from "lucide-react" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" import { useState } from "react" const steps = [ { id: 1, icon: User, label: "Profile", }, { id: 2, icon: Star, label: "Preferences", }, { id: 3, icon: Settings, label: "Settings", }, ] export default function ProgressIndicator() { const [activeStep, setActiveStep] = useState(1) const handleNext = () => { if (activeStep < steps.length) { setActiveStep((prev) => prev + 1) } } const handleReset = () => { setActiveStep(1) } return (

{/* Progress Line */}

{/* Steps */} {steps.map((step) => { const isCompleted = activeStep > step.id const isCurrent = activeStep === step.id return (

{isCompleted ? : }

{step.label}

) })}

{/* Controls */}

{activeStep === steps.length && ( )}

{/* Screen reader progress */}

{`Step ${activeStep} of ${steps.length}: ${steps[activeStep - 1].label}`}

) } 8b:["$","$L92",null,{"chatId":"Zg8S8bEemtk","children":["$","$L93",null,{"data":{"@\"active-block\",\"Zg8S8bEemtk\",":{"id":"b_As2XdzIjUjy","messageId":"Lp8AHZNIDJXNZKVxcku7eSnJOSHTzFLU","source":"$94","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"progress-steps","type":"code-project","project":"progress-steps"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"Zg8S8bEemtk\",":false},"children":"$L95"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This