disenio.studio — a copy-paste design toolkit

Installation

$pnpm dlx disenio add button

example.tsx

import { Button } from "@/components/ui/button";

export default function Example() {
  return <Button variant="accent">Send →</Button>;
}

Prop	Type	Default	Description
variant	"solid" \| "accent" \| "ghost" \| "outline"	"solid"	Visual style.
size	"sm" \| "md" \| "lg"	"md"	Height and horizontal padding.
...rest	ButtonHTMLAttributes	—	All standard <button> props are forwarded.

updates with theme

Accent on paper

3.97AA Large

Ink on paper

21.00AAA

Keyboard↹ focus · ↵ activate · space activate

ARIArole=button · aria-disabled when disabled