Components
Loading preview...
Here is Button component
npx shadcn@latest add https://21st.dev/r/intentui/button7"use client"
import { IconBrandTwitter } from "@intentui/icons"
import { Button } from "@/components/ui/button"
import { Separator } from "@/components/ui/separator"
export default function Component() {
return (
<div className="flex flex-col gap-y-6">
{/* Кнопки с текстом */}
<div className="flex flex-wrap items-center gap-2">
<Button size="xs" className="px-2 py-1">Label</Button>
<Button size="sm" className="px-3 py-1.5">Label</Button>
<Button className="px-4 py-2">Label</Button>
<Button size="lg" className="px-5 py-2.5">Label</Button>
</div>
<Separator />
{/* Квадратные кнопки с иконками */}
<div className="flex flex-wrap items-center gap-2">
<Button size="sq-xs" className="p-1.5">
<IconBrandTwitter className="w-3 h-3" />
</Button>
<Button size="sq-sm" className="p-2">
<IconBrandTwitter className="w-4 h-4" />
</Button>
<Button size="sq-md" className="p-2.5">
<IconBrandTwitter className="w-5 h-5" />
</Button>
<Button size="sq-lg" className="p-3">
<IconBrandTwitter className="w-6 h-6" />
</Button>
</div>
</div>
)
}