Components
Loading preview...
Here is Steps component
npx shadcn@latest add https://21st.dev/r/reuno-ui/stepsimport Steps from '@/components/ui/steps';
const steps = [
{
title: "Title",
description: "Description",
code: "Your code",
},
{
title: "Highlight Code",
description: "Highlighting specific lines in your code",
code: `import React from 'react';
import Component from './components/ComponentName';
function App() {
return (
<div>
<Component/>
</div>
);
}
export default App;`,
highlightLines: [1, 6],
},
];
function Page() {
return (
<div>
<Steps steps={steps} />
</div>
);
}
export default Page;