Component
Edit this pageNeo Button
The core interactive element. Designed with physical feedback in mind—hard shadows that collapse on click.
01 Installation
Copy the source code below into your project.
Source Code
New Component
src/components/neo/
NeoButton.tsx
02 Variants
Supports multiple visual styles out of the box. Hover over them to see the lift effect.
Button Variants
03 Sizes
Button Sizes
04 Icons & States
Interactive Examples
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "black" | "danger" | "minimal" | "primary" | Visual style of the button. |
| size | "sm" | "md" | "lg" | "md" | Controls padding and font size. |
| withArrow | boolean | false | Adds an animated arrow icon to the right. |
| className | string | - | Override styles using Tailwind classes. |