eds-trl-badge
Overview
EdsTrlBadge — public EBRAINS TRL badge, aligned with the EBRAINS visual
system (Black #07140D, Green #00FF9D, Dark Green #00C87B, Grey
#7A7B7A, IBM Plex Mono) and using the official EBRAINS sphere mark.
Renders a self-contained inline <svg> (same markup the server-side
badge.svg endpoint emits), so it embeds anywhere and stays crisp.
Variants:
tone— CI-style label + value pill (dark or lighttheme).full— single bar with the full string.pill— compact rounded “TRL 7”.outline— thin border, transparent fill, mono caps (dark or light).scale— nine readiness pips showing position on the 1–9 scale.
The value/pip colour encodes maturity within the brand palette: TRL 7–9 → green, 4–6 → dark green, 1–3 → grey.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
assessed | assessed | Assessment month, e.g. “2026-06”. | string | undefined |
href | href | Optional link (methodology or service page). | string | undefined |
label | label | Left-segment / leading label. | string | 'EBRAINS TRL' |
level (required) | level | TRL level, 1–9. | number | undefined |
methodology | methodology | Methodology version, e.g. “v8.2”. | string | undefined |
size | size | Rendered height in px. Scales the whole badge crisply (viewBox is fixed). | number | undefined |
theme | theme | Colour theme for the tone / outline / scale variants. | "dark" | "light" | 'dark' |
variant | variant | ’tone’ | ‘full’ | ‘pill’ | ‘outline’ | ‘scale’. | "full" | "outline" | "pill" | "scale" | "tone" | 'tone' |
Built with StencilJS