Rich Button

A styled button component with color and size options. It renders a button with visual depth and text shadows. Use it for interactive elements needing visual emphasis.

bytom from Spell

Installation

terminal

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

npx layro-cli add @xxtomm/rich-button

npx layro-cli add @xxtomm/rich-button

bunx layro-cli add @xxtomm/rich-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"