Button

8 variants, 2 appearances (solid/outlined), 2 sizes.

import { Button } from "@raydenui/ui"

Interactive demo

Props

PropTypeDefaultDescription
variant"primary" | "secondary" | "grey" | "destructive" | "text" | "success" | "warning" | "info""primary"Visual variant
appearance"solid" | "outlined""solid"Fill or outline
size"sm" | "lg""lg"Size
iconReactNode | IconNameOptional icon
iconPosition"none" | "leading" | "trailing" | "icon-only""none"Icon placement