Engram

Power badge

component

The power/light readout: the angular power glyph + the value in gold, with an optional `cap`.

Install

npx shadcn@latest add @engram/power-badge

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

Example

1995/20102010487

Props

PropTypeDefaultDescription
power*numberThe power / light value.
capnumberThe current power cap; when reached the badge reads as maxed (glows).
colorstring"var(--engram-gold)"Number color. Defaults to the gold power token.
sizenumber18Pixel font size for the number.

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.