Skip to content

UIPanelHeader

Basic
My Instrument
With subtitle
Pull Requests
3 open
With back button
Details
PR #42
With right actions
Sessions
PropTypeDefaultDescription
titlestringrequiredHeader title
subtitlestringSmaller text below the title
onBack() => voidShows a back arrow button when provided
rightActionsReactNodeContent 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" />}
/>