<BadgeField>

Displays a field value inside a Cloudscape Badge component. Useful for surfacing short labels like statuses or categories at a glance.

Usage

<BadgeField source="tier" />

Badge Color

Use the color prop to set the badge color. Accepts any color supported by the Cloudscape Badge component ("blue", "grey", "green", "red", "severity-critical", etc.).

<BadgeField source="tier" color="blue" />

With a Link

<BadgeField source="tier" link="detail" />

Props

Prop	Type	Default	Description