UIPanelHeader
Preview
Section titled “Preview”| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | Header title |
subtitle | string | — | Smaller text below the title |
onBack | () => void | — | Shows a back arrow button when provided |
rightActions | ReactNode | — | Content on the right side (buttons, badges, etc.) |
import { UIPanelHeader, UIIconButton, Icon } from "tango-api";
<UIPanelHeader title="Settings" subtitle="Configure your instrument" onBack={() => setView("main")} rightActions={<UIIconButton icon={Icon.Check} label="Save" />}/>