Skip to content

UIIconButton

Variants
Active & disabled
PropTypeDefaultDescription
iconUIIconName | ReactNoderequiredThe icon to display
labelstringrequiredAccessible label (used as aria-label)
titlestringTooltip text (falls back to label)
hrefstringURL to open when clicked (requires instrument API)
variant"ghost" | "secondary" | "primary""ghost"Visual style
size"sm" | "md""sm"Button size
activebooleanfalseActive/pressed state
disabledbooleanfalseDisables the button
onClick() => voidClick handler
import { UIIconButton, Icon } from "tango-api";
<UIIconButton icon={Icon.Play} label="Run" onClick={handleRun} />