Components
Loading preview...
Here is Button component
@SubframeApp
npx shadcn@latest add https://21st.dev/r/SubframeApp/button-1import { Check, Trash2 } from "lucide-react";
import Component from "@/components/ui/button-1";
export default function ButtonVariants() {
return (
<div className="flex flex-wrap gap-2">
<Component variant="brand-primary" icon={<Check size={16} />}>
Brand primary
</Component>
<Component variant="brand-secondary">Brand secondary</Component>
<Component variant="brand-tertiary">Brand tertiary</Component>
<Component variant="neutral-primary">Neutral primary</Component>
<Component variant="neutral-secondary">Neutral secondary</Component>
<Component variant="neutral-tertiary">Neutral tertiary</Component>
<Component variant="destructive-primary" icon={<Trash2 size={16} />}>
Delete
</Component>
<Component variant="destructive-secondary">Delete (secondary)</Component>
<Component variant="destructive-tertiary">Delete (tertiary)</Component>
<div className="bg-zinc-900 p-2 rounded-md">
<Component variant="inverse">Inverse</Component>
</div>
</div>
);
}