@cdr-kit/react-ui/DX primitives/CdrNetworkChip
<CdrNetworkChip>
Pill with a glowing status dot indicating live vs mock mode. Drop into your app chrome so users always know whether they're hitting Aeneid or the in-memory mock.
import { CdrNetworkChip } from "@cdr-kit/react-ui"
Live preview
Aeneid · liveAeneid · mock
import { CdrNetworkChip } from "@cdr-kit/react-ui";
<CdrNetworkChip mode="live" />
<CdrNetworkChip mode="mock" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| moderequired | "live" | "mock" | — | Drives the dot color and glow (signal vs warn). |
| network | string | "Aeneid" | Network label rendered next to the status. |