diff --git a/web/dashboard/src/components/HealthBadge.tsx b/web/dashboard/src/components/HealthBadge.tsx
new file mode 100644
index 0000000..8b78b5a
--- /dev/null
+++ b/web/dashboard/src/components/HealthBadge.tsx
@@ -0,0 +1,9 @@
+export type HealthStatus = 'healthy' | 'degraded' | 'down';
+
+interface HealthBadgeProps {
+  status: HealthStatus;
+}
+
+export default function HealthBadge({ status }: HealthBadgeProps) {
+  return <span data-testid="health-badge" data-status={status}>{status}</span>;
+}
\ No newline at end of file