UIButton

Preview

Variants

PrimarySecondaryGhostDangerSuccess

Sizes

SmallMedium

With icon

SendEdit

Disabled & full width

DisabledFull Width

Props

Prop	Type	Default	Description
label	string	required	Button text
icon	UIIconName | ReactNode	—	Icon to the left of the label
variant	"primary" | "secondary" | "ghost" | "danger" | "success"	"secondary"	Visual style
size	"sm" | "md"	"md"	Button size
disabled	boolean	false	Disables the button
fullWidth	boolean	false	Stretches to fill container width
onClick	() => void	—	Click handler

Usage

import { UIButton, Icon } from "tango-api";

<UIButton label="Save" variant="primary" icon={Icon.Check} onClick={handleSave} />