Components
Loading preview...
Here is Button component
@untitledui
npx shadcn@latest add https://21st.dev/r/untitledui/button-1import { Button } from "@/components/ui/button-1";
export default function DemoOne() {
return (
<div className="flex flex-wrap gap-4 bg-background text-foreground p-4 rounded-lg">
<Button
color="primary"
size="sm"
className="bg-primary text-primary-foreground hover:bg-primary/90"
>
Button sm
</Button>
<Button
color="primary"
size="md"
className="bg-primary text-primary-foreground hover:bg-primary/90"
>
Button md
</Button>
<Button
color="primary"
size="lg"
className="bg-primary text-primary-foreground hover:bg-primary/90"
>
Button lg
</Button>
<Button
color="primary"
size="xl"
className="bg-primary text-primary-foreground hover:bg-primary/90"
>
Button xl
</Button>
</div>
);
}