Hamburger Spring
Bars compress to center, rotate 90° and spread vertically like a totem pole
Configuring your account...
Please wait while we prepare everything for you
Usage
import { HamburgerSpring } from "@/components/bynanaui/hamburger-spring";
export function HamburgerSpringDemo() {
return <HamburgerSpring onChange={(isOpen) => console.log(isOpen)} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |
| onChange | (isOpen: boolean) => void | - | Callback when state changes |
Features
- Bars stack vertically at center
- 90-degree rotation animation
- Bars compress to 30% width
- Elastic spring bounce effect