Engram

Band

atom

A section band: a flat raised bar with a left accent edge, an uppercase tracked title, and an optional right-aligned count — Destiny's in-game content-section divider.

Install

npx shadcn@latest add @engram/band

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

Example

Section Band

3 / 3

Your Team

73

Props

PropTypeDefaultDescription
title*ReactNode
countReactNodeRight-aligned count / hint (e.g. "04" or `<><b>3</b> / 3</>`).
accentstringLeft-edge accent color. Defaults to the accent token; pass a team/faction color for scoreboard sections (e.g. `var(--engram-class-titan)` red).

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.