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";
import { Placeholder } from "@untitledui/icons";
export default function DemoOne() {
return (
<div className="flex flex-wrap gap-5 bg-white text-black p-4 rounded-lg">
<Button
color="primary"
size="sm"
className="bg-primary text-primary-foreground hover:bg-primary/90"
iconLeading={<Placeholder className="text-current" />}
>
Button sm
</Button>
<Button
color="primary"
size="md"
className="bg-primary text-primary-foreground hover:bg-primary/90"
iconLeading={<Placeholder className="text-current" />}
>
Button md
</Button>
<Button
color="primary"
size="lg"
className="bg-primary text-primary-foreground hover:bg-primary/90"
iconLeading={<Placeholder className="text-current" />}
>
Button lg
</Button>
<Button
color="primary"
size="xl"
className="bg-primary text-primary-foreground hover:bg-primary/90"
iconLeading={<Placeholder className="text-current" />}
>
Button xl
</Button>
</div>
);
}