Components

All components are imported from tango-api and rendered inside a UIRoot wrapper. They use the tui- CSS prefix and are fully self-contained — no external theme required.

import { UIRoot, UIButton, UICard, UISection } from "tango-api";

Layout

Component	Description	Page
UIRoot	Required wrapper — injects Tango UI stylesheet and CSS variables	View
UIPanelHeader	Header bar with title, subtitle, back button, and right-side actions	View
UISection	Groups content with optional title and description	View
UICard	Bordered container for grouping content	View
UIContainer	Generic wrapper container with optional class name	View
UIScrollArea	Scrollable content container	View
UIFooter	Footer wrapper for bottom-of-panel actions	View

Actions

Component	Description	Page
UIButton	Action button with variants: primary, secondary, ghost, danger, success	View
UIIconButton	Icon-only button for toolbars and compact actions	View
UITabs	Tab navigation with content panels	View

Inputs

Component	Description	Page
UIInput	Single-line text input	View
UITextarea	Multi-line text input	View
UISelect	Native HTML select dropdown	View
UIDropdown	Custom dropdown with React-managed state	View
UIToggle	Toggle switch for boolean settings	View
UICheckbox	Checkbox for boolean options	View
UIRadioGroup	Radio button group for single selection	View
UISegmentedControl	Button group for toggling between options	View

Data Display

Component	Description	Page
UIBadge	Label badge with tones: neutral, info, success, warning, danger	View
UIIcon	SVG icon component with built-in icon set	View
UIInlineCode	Inline code snippet	View
UIKeyValue	Key-value pair display	View
UILink	Styled hyperlink	View
UIEmptyState	Placeholder for empty content areas	View

Lists & Groups

Component	Description	Page
UIList	Simple list with UIListItem children	View
UISelectionList	Single or multi-select item list	View
UIGroup	Expandable/collapsible group with header, items, and actions	View

Advanced

Component	Description	Page
UITreeView	File-tree style hierarchical view	View
UIDiffRenderer	Unified/split diff viewer with syntax highlighting	View
UIMarkdownRenderer	Markdown renderer with preview/raw toggle and code copy	View