Components
Loading preview...
Here is Button component
@SubframeApp
npx shadcn@latest add https://21st.dev/r/SubframeApp/button-1import { ArrowRight } from "lucide-react";
import Component from "@/components/ui/button-1";
export default function ButtonSizes() {
return (
<div className="flex items-center gap-3">
<Component size="small" variant="brand-primary" icon={<ArrowRight size={14} />}>
Small
</Component>
<Component size="medium" variant="brand-primary" iconRight={<ArrowRight size={16} />}>
Medium
</Component>
<Component size="large" variant="brand-primary" iconRight={<ArrowRight size={18} />}>
Large
</Component>
</div>
);
}