Ritro UI logo

Button

A button component that can be used to trigger an action.

Installation

npm install @ritro-ui/react@1.2.0

Import

import { Button } from "@ritro-ui/react"

Usage

<Button>Click me</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>
<Button variant="destructive">Destructive</Button>

Props

Name
Type
Default
Description
variant
string
"default"
Button style variant
size
string
"default"
Button size
asChild
boolean
false
Render as child component

Examples

Button Sizes

<Button size="sm">Small</Button>
<Button size="default">Default</Button>
<Button size="lg">Large</Button>