[{"_1":2,"_56":-5,"_57":-5},"loaderData",{"_3":4,"_6":7},"root",{"_5":-5},"theme","routes/$category.$doc",{"_8":9},"document",{"_10":11,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_31":32,"_33":30,"_34":35,"_36":37,"_38":39,"_52":17,"_53":54,"_55":54},"title","Step","category","Components","description","Steps are a way to represent a process or workflow.","icon","ArrowDown01Icon","content","\n\n\n

This is the content for step 1.

\n\n\n\n\n## Installation\n\n\n\n\n\n\n\n## Usage\n\n```tsx\nimport { Step } from \"@/components/ui/step\";\n\n\n

This is the content for step 1.

\n;\n```\n\n## Props\n\n","_meta",{"_22":23,"_24":23,"_25":26,"_27":28,"_29":30},"filePath","step.mdx","fileName","directory",".","extension","mdx","path","step","mdxSource","var Component=(()=>{var y=Object.create;var c=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var A=(e,s)=>()=>(s||e((s={exports:{}}).exports,s),s.exports),D=(e,s)=>{for(var i in s)c(e,i,{get:s[i],enumerable:!0})},o=(e,s,i,n)=>{if(s&&typeof s==\"object\"||typeof s==\"function\")for(let r of m(s))!u.call(e,r)&&r!==i&&c(e,r,{get:()=>s[r],enumerable:!(n=F(s,r))||n.enumerable});return e};var C=(e,s,i)=>(i=e!=null?y(N(e)):{},o(s||!e||!e.__esModule?c(i,\"default\",{value:e,enumerable:!0}):i,e)),B=e=>o(c({},\"__esModule\",{value:!0}),e);var k=A((x,t)=>{t.exports=_jsx_runtime});var b={};D(b,{default:()=>p});var l=C(k());function E(e){let s={a:\"a\",code:\"code\",h2:\"h2\",pre:\"pre\",span:\"span\",table:\"table\",tbody:\"tbody\",td:\"td\",th:\"th\",thead:\"thead\",tr:\"tr\",...e.components},{Frame:i,InstallWithSource:n,ReactDoc:r,ShowSource:d,Step:h}=s;return i||a(\"Frame\",!0),n||a(\"InstallWithSource\",!0),r||a(\"ReactDoc\",!0),d||a(\"ShowSource\",!0),h||a(\"Step\",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{title:\"Preview\",children:(0,l.jsx)(h,{step:1,title:\"Step 1\",children:(0,l.jsx)(\"p\",{children:\"This is the content for step 1.\"})})}),`\n`,(0,l.jsxs)(s.h2,{id:\"installation\",children:[(0,l.jsx)(s.a,{\"aria-hidden\":\"true\",tabIndex:\"-1\",href:\"#installation\",children:(0,l.jsx)(s.span,{className:\"icon icon-link\"})}),\"Installation\"]}),`\n`,(0,l.jsx)(n,{component:\"step\",children:(0,l.jsx)(d,{component:\"step\",children:(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(s.pre,{className:\"shiki shiki-themes github-light github-dark\",style:{whiteSpace:\"pre-wrap\"},tabIndex:\"0\",\"data-language\":\"tsx\",children:(0,l.jsxs)(s.code,{children:[(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"import\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" { cn } \"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"from\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:' \"@/utils/cn\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"import\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\" type\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" { ReactNode } \"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"from\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:' \"react\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\"}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"interface\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" StepProps\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" {\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#E36209\",\"--shiki-dark\":\"#FFAB70\"},children:\" step\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\":\"}),(0,l.jsx)(s.span,{style:{color:\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\" number\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#E36209\",\"--shiki-dark\":\"#FFAB70\"},children:\" title\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\":\"}),(0,l.jsx)(s.span,{style:{color:\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\" string\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#E36209\",\"--shiki-dark\":\"#FFAB70\"},children:\" children\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\":\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" ReactNode\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#E36209\",\"--shiki-dark\":\"#FFAB70\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"?:\"}),(0,l.jsx)(s.span,{style:{color:\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\" string\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\",children:(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"}\"})}),`\n`,(0,l.jsx)(s.span,{className:\"line\"}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"const\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" Step\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\" =\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" (\"}),(0,l.jsx)(s.span,{style:{color:\"#E36209\",\"--shiki-dark\":\"#FFAB70\"},children:\"props\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\":\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" StepProps\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\") \"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=>\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" {\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\" return\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" (\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"div\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"{\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\"cn\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"(\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"mt-8 first:mt-0\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\", props.className)}>\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" {\"}),(0,l.jsx)(s.span,{style:{color:\"#6A737D\",\"--shiki-dark\":\"#6A737D\"},children:\"/* Step Number */\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"}\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"div\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"flex items-center space-x-2.5\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"div\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"flex h-6 w-6 items-center justify-center rounded-full border border-neutral-400 bg-neutral-300/50 dark:border-neutral-600 dark:bg-neutral-700/50\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"span\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"font-mono text-sm font-semibold text-neutral-600 dark:text-neutral-400\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">\"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\",children:(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" {props.step}\"})}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" \"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" \"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"p\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"font-medium tracking-tight text-neutral-700 dark:text-neutral-300\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">\"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\",children:(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" {props.title}\"})}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" \"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" \"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"div\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" className\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"ml-3 border-l border-neutral-200 pt-2 pb-1 pl-6 dark:border-neutral-800\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">\"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\",children:(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" {props.children}\"})}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" \"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" \"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\",children:(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" );\"})}),`\n`,(0,l.jsx)(s.span,{className:\"line\",children:(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"};\"})}),`\n`,(0,l.jsx)(s.span,{className:\"line\"}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"export\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" { Step };\"})]})]})})})})}),`\n`,(0,l.jsxs)(s.h2,{id:\"usage\",children:[(0,l.jsx)(s.a,{\"aria-hidden\":\"true\",tabIndex:\"-1\",href:\"#usage\",children:(0,l.jsx)(s.span,{className:\"icon icon-link\"})}),\"Usage\"]}),`\n`,(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(s.pre,{className:\"shiki shiki-themes github-light github-dark\",style:{whiteSpace:\"pre-wrap\"},tabIndex:\"0\",\"data-language\":\"tsx\",children:(0,l.jsxs)(s.code,{children:[(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"import\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" { Step } \"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"from\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:' \"@/components/ui/step\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]}),`\n`,(0,l.jsx)(s.span,{className:\"line\"}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"<\"}),(0,l.jsx)(s.span,{style:{color:\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\"Step\"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" step\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"{\"}),(0,l.jsx)(s.span,{style:{color:\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\"1\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"} \"}),(0,l.jsx)(s.span,{style:{color:\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\"title\"}),(0,l.jsx)(s.span,{style:{color:\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,l.jsx)(s.span,{style:{color:\"#032F62\",\"--shiki-dark\":\"#9ECBFF\"},children:'\"Step 1\"'}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" <\"}),(0,l.jsx)(s.span,{style:{color:\"#22863A\",\"--shiki-dark\":\"#85E89D\"},children:\"p\"}),(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\">This is the content for step 1.\"})]}),`\n`,(0,l.jsxs)(s.span,{className:\"line\",children:[(0,l.jsx)(s.span,{style:{color:\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\";\"})]})]})})}),`\n`,(0,l.jsxs)(s.h2,{id:\"props\",children:[(0,l.jsx)(s.a,{\"aria-hidden\":\"true\",tabIndex:\"-1\",href:\"#props\",children:(0,l.jsx)(s.span,{className:\"icon icon-link\"})}),\"Props\"]}),`\n`,(0,l.jsx)(r,{component:\"step\",children:(0,l.jsxs)(s.table,{children:[(0,l.jsx)(s.thead,{children:(0,l.jsxs)(s.tr,{children:[(0,l.jsx)(s.th,{children:\"Prop\"}),(0,l.jsx)(s.th,{children:\"Type\"}),(0,l.jsx)(s.th,{children:\"Required\"})]})}),(0,l.jsxs)(s.tbody,{children:[(0,l.jsxs)(s.tr,{children:[(0,l.jsx)(s.td,{children:\"step\"}),(0,l.jsx)(s.td,{children:\"number\"}),(0,l.jsx)(s.td,{children:\"Yes\"})]}),(0,l.jsxs)(s.tr,{children:[(0,l.jsx)(s.td,{children:\"title\"}),(0,l.jsx)(s.td,{children:\"string\"}),(0,l.jsx)(s.td,{children:\"Yes\"})]}),(0,l.jsxs)(s.tr,{children:[(0,l.jsx)(s.td,{children:\"className\"}),(0,l.jsx)(s.td,{children:\"string\"}),(0,l.jsx)(s.td,{children:\"No\"})]})]})]})})]})}function p(e={}){let{wrapper:s}=e.components||{};return s?(0,l.jsx)(s,{...e,children:(0,l.jsx)(E,{...e})}):E(e)}function a(e,s){throw new Error(\"Expected \"+(s?\"component\":\"object\")+\" `\"+e+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return B(b);})();\n;return Component;","slug","url","/components/step","rawUrl","/components/step/raw","toc",[40,46,49],{"_41":42,"_43":44,"_33":45},"level",2,"text","Installation","installation",{"_41":42,"_43":47,"_33":48},"Usage","usage",{"_41":42,"_43":50,"_33":51},"Props","props","lucideIcon","createdAt","2025-07-31T20:56:24.532Z","updatedAt","actionData","errors"]

Prop	Type	Required
step	number	Yes
title	string	Yes
className	string	No

Command Palette

Step

Installation

Usage

Props