Gumtree UI

FeedBadge

A tiny inline status badge for activity feeds — open, review, fail, merged, or closed.

Import

import { FeedBadge } from "@gumtree/ui/forge/FeedBadge";

Props

PropTypeDefaultDescription
status*"open" | "review" | "fail" | "merged" | "closed"-Status determines the color
childrenComponentChildren-Custom label. Defaults to the status name.

Examples

All Statuses

Each status has a distinct color matching its semantic meaning.

openreviewfailmergedclosed
<FeedBadge status="open" />
<FeedBadge status="review" />
<FeedBadge status="fail" />
<FeedBadge status="merged" />
<FeedBadge status="closed" />

Custom Label

Override the default label with custom text.

needs triageCI broken
<FeedBadge status="open">needs triage</FeedBadge>
<FeedBadge status="fail">CI broken</FeedBadge>