Rich Button

A button component with rich gradient styling and multiple color variants.

"use client";

import { RichButton } from "@/components/vritti/rich-button";

export function RichButtonExample() {
  return (
    <div className="flex flex-wrap items-center justify-center gap-4 p-8">
      <RichButton>Default</RichButton>
      <RichButton color="blue">Blue</RichButton>
      <RichButton color="purple">Purple</RichButton>
      <RichButton color="pink">Pink</RichButton>
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/rich-button"

Dependencies


pnpm add @radix-ui/react-slot