Raised Button
A beautiful 3D raised button with customizable colors and dynamic text contrast.
A beautiful 3D raised button with customizable colors and dynamic text contrast.
Our primary CTA. Tactile and clickable, efficient for driving conversion.
npx shadcn@latest add https://bungas.treonstudio.com/r/raised-button.jsonimport { 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 |