Jelly Button
tsx
import { JellyButton } from "@/components/myndui/jelly-button";export function JellyButtonDemo() {return <JellyButton variant="primary">Get started</JellyButton>;}<div className="flex flex-wrap items-center justify-center gap-6">
<JellyButton variant="primary">Continue</JellyButton>
<JellyButton variant="secondary">Save draft</JellyButton>
<JellyButton variant="outline">View docs</JellyButton>
</div><div className="flex flex-wrap items-center justify-center gap-6">
<JellyButton size="sm">Small</JellyButton>
<JellyButton size="md">Medium</JellyButton>
<JellyButton size="lg">Large</JellyButton>
</div><div className="flex flex-wrap items-center justify-center gap-6">
<JellyButton squash={0.2}>Subtle</JellyButton>
<JellyButton squash={0.6}>Default</JellyButton>
<JellyButton squash={1}>Extra squishy</JellyButton>
</div><JellyButton disabled>Get started</JellyButton>import { JellyButton } from "@/components/myndui/jelly-button";export function JellyButtonDemo() {return <JellyButton variant="primary">Get started</JellyButton>;}