Components
Loading preview...
Here is Button Retro component
npx shadcn@latest add https://21st.dev/r/serafimcloud/button-retroimport { RetroButton } from "@/components/ui/button-retro"
function RetroButtonDemo() {
return (
<div className="min-h-screen flex items-center justify-center">
<div className="flex flex-wrap justify-center items-center max-w-[26em] gap-4">
<RetroButton>Record</RetroButton>
<RetroButton variant="darkGray">Sound</RetroButton>
<RetroButton variant="white">Erase</RetroButton>
<RetroButton variant="lightGray">Shift</RetroButton>
<RetroButton variant="gray">Play</RetroButton>
</div>
</div>
)
}
export default RetroButtonDemo