Mask Button
tsx
import { MaskButton } from "@/components/myndui/mask-button";export function MaskButtonDemo() {return <MaskButton mask="nature">Explore</MaskButton>;}<div className="flex flex-wrap items-center justify-center gap-6">
<MaskButton mask="nature">Explore</MaskButton>
<MaskButton mask="urban">Book a demo</MaskButton>
<MaskButton mask="forest">See gallery</MaskButton>
</div><div className="flex flex-wrap items-center justify-center gap-6">
<MaskButton mask="nature" variant="primary">Continue</MaskButton>
<MaskButton mask="nature" variant="secondary">Learn more</MaskButton>
</div><div className="flex flex-wrap items-center justify-center gap-6">
<MaskButton size="sm">Small</MaskButton>
<MaskButton size="md">Medium</MaskButton>
<MaskButton size="lg">Large</MaskButton>
</div><MaskButton disabled>Explore</MaskButton>import { MaskButton } from "@/components/myndui/mask-button";export function MaskButtonDemo() {return <MaskButton mask="nature">Explore</MaskButton>;}