@cdr-kit/react-ui/Components/ConditionBadge
<ConditionBadge>
Color-mapped pill for a vault's read-condition kind. Pure presentational, zero app logic.
import { ConditionBadge } from "@cdr-kit/react-ui"
Live preview
SubscriptionTier-gatedComposableOpen
import { ConditionBadge } from "@cdr-kit/react-ui";
<ConditionBadge kind="subscription" />
<ConditionBadge kind="tiergate" />
<ConditionBadge kind="composable" />
<ConditionBadge kind="open" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| kindrequired | "subscription" | "tiergate" | "composable" | "open" | — | Determines the color (primary / warn / signal / neutral) and the default label. |
| children | ReactNode | — | Optional label override. Defaults to a human-readable kind name. |