Button
Primary textual action control.
Variants
<Button>Deploy</Button>Sizes
States
Depth and interaction
<Button depth="raised">Raised</Button>
<Button depth="flush" variant="outline">Flush</Button>
{/* Pressed styling comes from real interaction. */}API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | string | default | Controls the button styling: default, destructive, destructive-outline, ghost, link, outline, secondary. |
| size | string | default | Controls the button size. |
| loading | boolean | false | Shows a spinner and disables the button while true. |
| render | React.ReactElement | - | Render as a different element (e.g. Link). |
Import
import { Button } from "@uxome/ui";