# Multi-region failover

Animated multi-region failover on a 2.5D stage: users stream requests through a global load balancer to two regions; the primary degrades, fails three health checks, traffic shifts smoothly to the healthy region, then it recovers, passes three checks and traffic ramps back to an even split.

- ID: `multi-region-failover`
- Import: `animui/multi-region-failover`
- Category: Special
- Runtime exports: `MultiRegionFailover`
- Declaration: `types/pro/multi-region-failover.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: —

```tsx
import { MultiRegionFailover } from 'animui/multi-region-failover';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info multi-region-failover` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface MultiRegionFailoverProps {
  hostname?: string;
  requestsPerSecond?: number;
  latencyMs?: number;
  nodes?: Partial<Record<"users" | "balancer" | "primary" | "secondary", { label?: string; meta?: string; detail?: string; icon?: string | ReactNode; color?: string }>>;
  speed?: number;
  paused?: boolean;
  accent?: string;
  controls?: boolean;
  caption?: boolean;
  label?: string;
  className?: string;
  style?: CSSProperties;
}

export declare const MultiRegionFailover: ComponentType<MultiRegionFailoverProps>;

export default MultiRegionFailover;
```