Pop Button

A 3D-style button with a push-down animation effect. It renders as a styled button with color and size variations. It is used for interactive elements that need visual feedback on click.

bytom from Spell

Installation

terminal

pnpm dlx layro-cli add @xxtomm/pop-button

npx layro-cli add @xxtomm/pop-button

npx layro-cli add @xxtomm/pop-button

bunx layro-cli add @xxtomm/pop-button

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { cn } from "@/lib/utils";

type Color =
  | "default"
  | "blue"
  | "purple"
  | "pink"
  | "red"
  | "orange"
  | "yellow"
  | "green"
  | "teal"