MoviePass Button

MoviePassButton is a ticket-style button. When clicked, it shrinks like a standard button. Perfect for purchase, booking, or confirmation flows.

Preview

MoviePassButton

Interactive

Install

Add the item with the shadcn CLI.

npx shadcn@latest add @evilbuttons/movie-pass

Usage

[]txt
import MoviePassButton from "@/components/evil-buttons/movie-pass";

export function ButtonDemo() {
  return (
    <MoviePassButton>
      Admit One
    </MoviePassButton>
  );
}

Props

PropTypeDefaultDescription
childrenReact.ReactNode-The visible button label or content.
classNamestring-Extra classes passed to the wrapper.

Registry

The registry item includes components/evil-buttons/movie-pass.tsx. The component imports cn from @/lib/utils.