Rainbow Button

Installation

showLineNumbers

import { RainbowButton } from "@/components/ui/rainbow-button"

showLineNumbers

<RainbowButton>Rainbow Button</RainbowButton>

Prop	Type	Default	Description
`children`	`React.ReactNode`	`-`	The content of the button.
`className`	`string`	`-`	Additional class names for the button.
`variant`	`"default" \| "outline"`	`"default"`	The visual variant of the button.
`size`	`"default" \| "sm" \| "lg" \| "icon"`	`"default"`	The size of the button.
`asChild`	`boolean`	`false`	Use Slot to compose with other components.
…rest	`React.ButtonHTMLAttributes<HTMLButtonElement>`	`-`	All standard button HTML attributes are supported.

showLineNumbers

<RainbowButton variant="outline">Outline Rainbow</RainbowButton>

showLineNumbers

<RainbowButton size="sm">Small</RainbowButton>
<RainbowButton size="lg">Large</RainbowButton>