Variable: FlipButton

@arolariu/components

---

@arolariu/components / FlipButton

Variable: FlipButton

const FlipButton: ForwardRefExoticComponent<Omit<FlipButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>

Defined in: components/ui/flip-button.tsx:44

Renders a two-sided button that flips between front and back labels on hover.

Remarks

• Animated component using the motion library
• Renders a <button> element
• Styling via CSS Modules with --ac-* custom properties
• Client-side only ("use client" directive)

Example

<FlipButton frontText="Learn more" backText="Open" />

See

FlipButtonProps for available props