Docs
→Button
→Chonky Button
Chonky Button
A bold, rounded black button with a springy press effect.
by Sarthak Kapila
Get started
Installation
Usage
Chonky Button Example
1import ButtonBlack from "@/components/chunky-button";23export default function Example() {4 return <ButtonBlack title="Get started" width={144} height={56} />;5}
Understanding the component
The button uses a subtle elevation shadow that collapses on press, creating a tactile feel. Motion is powered by a spring animation for a responsive interaction.
Credits
By Sarthak Kapila.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Get started" | Text displayed inside the button. |
| width | number | 144 | Button width in pixels. |
| height | number | 56 | Button height in pixels. |