Docs / Components / Brutalist Button
Brutalist Button
A heavy, mechanical-style button with a 3D depth effect, mechanical click animation, and interactive ripples.
Dependencies
Install the following dependencies to use this component:
1npm install clsx tailwind-merge
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add brutalist-button
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | 'button' | The button text or content. |
| size | sm | md | lg | md | The size of the button. |
| color | zinc | amber | red | blue | emerald | light | light | The color theme of the button. |
| className | string | '' | Additional CSS classes. |