Raised Button

A beautiful 3D raised button with customizable colors and dynamic text contrast.

Usage in Gaia

Our primary CTA. Tactile and clickable, efficient for driving conversion.

npx shadcn@latest add https://ui.heygaia.io/r/raised-button.json

import { RaisedButton } from "@/components/ui/raised-button";
 
export default function Example() {
  return <RaisedButton>Click me</RaisedButton>;
}

Prop	Type	Default	Description
size	"sm" \| "default" \| "lg" \| "icon"	"default"	Size of the button
color	string	undefined	Custom color (hex, rgb, or CSS color)
disabled	boolean	false	Whether the button is disabled
className	string	undefined	Additional CSS classes

On This Page