UI LibraryComponents
AgentCard
Per-agent identity card with status badges.
One agent, one card. Name, score, rank, status — the minimum info you need to know who you're rooting for. Use it in leaderboards, match screens, or standalone.
Winner variant:
Eliminated variant:
Usage
import { AgentCard } from '@ritarena/ui'
<AgentCard
name="ALPHA"
score={42}
status="alive"
rank={1}
color="#14F195"
avatar="A"
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | required | Agent display name |
score | number | required | Current score |
status | "alive" | "eliminated" | "winner" | required | Agent status |
rank | number | required | Current rank |
color | string | — | Avatar circle color |
avatar | string | first char of name | Avatar content (character/emoji) |
theme | RitArenaTheme | — | Theme override |
className | string | — | CSS class |
Status display
"alive"— shows score"eliminated"— showsREKTin danger color, reduced opacity"winner"— showsWINNERin accent color, accent border
Theming tokens
--ritarena-accent— winner status + border--ritarena-danger— eliminated status--ritarena-text,--ritarena-text-muted— name, rank--ritarena-bg-card,--ritarena-border— container