Magic Button
tsx
import { MagicButton } from "@/components/myndui/magic-button";export function MagicButtonDemo() {return <MagicButton variant="default">Get started</MagicButton>;}<div className="flex flex-wrap items-center justify-center gap-6">
<MagicButton variant="default">Continue</MagicButton>
<MagicButton variant="secondary">Learn more</MagicButton>
</div><div className="flex flex-wrap items-center justify-center gap-6">
<MagicButton size="sm">Small</MagicButton>
<MagicButton size="md">Medium</MagicButton>
<MagicButton size="lg">Large</MagicButton>
</div><div className="flex flex-wrap items-center justify-center gap-6">
<MagicButton rainbow={false}>Get started</MagicButton>
<MagicButton variant="secondary" rainbow={false}>Learn more</MagicButton>
</div><MagicButton disabled>Get started</MagicButton>import { MagicButton } from "@/components/myndui/magic-button";export function MagicButtonDemo() {return <MagicButton variant="default">Get started</MagicButton>;}