Flip Button

Button that flips when hovered.

import {
  FlipButton,
  FlipButtonBack,
  FlipButtonFront,
} from "@/components/ui/flip-button"

export function FlipButtonDemo() {
  return (
    <FlipButton className="bg-primary rounded-md px-5 py-2 text-white">
      <FlipButtonFront>Submit</FlipButtonFront>
      <FlipButtonBack>Processing...</FlipButtonBack>
    </FlipButton>
  )
}

Installation


pnpm dlx shadcn@latest add https://ebonui.com/r/flip-button.json

Usage

    <FlipButton className="rounded-md bg-primary px-5 py-2 text-white">
      <FlipButtonFront>Submit</FlipButtonFront>
      <FlipButtonBack>Processing...</FlipButtonBack>
    </FlipButton>

Dialog Glow Border

On This Page

Installation Usage

Support Ebon UI by giving it a star on GitHub!

A lot of work goes into maintaining and improving Ebon UI. Your stars help show your support and encourage further development.