Components
Button
A hand-drawn button with a wobbly border that redraws on hover and click.
Installation
package manager
npx shadcn add https://bydefaulthuman.fun/r/button.jsonProps
PropTypeDefaultDescription
children*ReactNode—
Content rendered inside the component.
sizeButtonSize"md"Controls the visual size of the component.
themeCrumbleTheme—
Overrides the global Crumble theme for this instance.
variantButtonVariant"default"Controls the `variant` behavior.
disabledboolean—
Disables the button.
onClick() => void—
Click handler.
classNamestring—
Additional Tailwind classes applied to the component.
Variants
Disabled
Accessibility
Button renders a native button element and supports keyboard activation through the browser defaults. When you pass disabled, the disabled state is forwarded to the DOM so assistive technologies announce it correctly.
Examples
import { Button } from "@/components/crumble/ui/button";
<Button>Click me</Button>;