Components / Tags

Shared compact labels for lightweight metadata and card headings.

`Tag` is the shared primitive for short labels that need more emphasis than plain text but less weight than a button or badge-driven status treatment.

Standard states

DiscoveryPlanningLaunch

Usage guidance

Use for short labels

Keep tags concise. They work best for phase names, template types, and other short labels that support a card or row rather than dominate it.

Do not replace status semantics

Use `Tag` for lightweight labeling, not for critical success, warning, or destructive states that need stronger semantic color and clearer affordance.

Prefer the accent tone sparingly

The accent variant is best when a label should stand out slightly within a card. Use neutral when the tag should read as supporting metadata.