Components

Button

Extruded clay buttons that press inward on click. Six variants mapped to the theme tones, three sizes, plus loading and disabled states.

tsx

import { Button } from "marclayui";

Keyboard tip: buttons respond to Enter and Space; anchors styled as buttons respond to Enter only — native behavior, preserved.

Prop	Type	Default	Description
`variant`	`"primary" \| "secondary" \| "accent" \| "soft" \| "ghost" \| "danger"`	"soft"	Visual style. Tones follow the theme colors.
`size`	`"sm" \| "md" \| "lg"`	"md"	Padding and radius scale.
`loading`	`boolean`	false	Shows a spinner and blocks interaction.
`block`	`boolean`	false	Full-width button.
`href`	`string`	—	When set, renders a styled anchor instead of a button.
`…rest`	`ButtonHTMLAttributes \| AnchorHTMLAttributes`	—	Native attributes are forwarded to the rendered element.