Engram

Title bar

atom

The FUI title bar: a leading flag glyph, an uppercase tracked title, and an optional right-aligned count, on a subtle left-lit gradient with a fading underline — Destiny's in-game panel header.

Install

npx shadcn@latest add @engram/title-bar

Registry item: /r/title-bar.json — the machine-readable definition agents install from.

Example

FUI Title Bar04 / 10
Heading Only

Props

PropTypeDefaultDescription
title*ReactNode
countReactNodeRight-aligned count / hint (e.g. "04 / 10").
flagReactNode"▸"Leading flag glyph. Pass `null` to hide it.

Own the code: shadcn add copies this component's source into your repo to read and edit directly. Extend without forking — edit the source, use asChild to swap the element, or pass the typed annotations prop for curated data.