Skip to main content

Function: Badge()

Badge(__namedParameters): Element

Defined in: components/Badge/Badge.tsx:81

A compact descriptive chip — a label for content, carrying no outcome.

Entity = Structure. Use it for categories, roles and attributes: "Admin", "Beta", "TypeScript". It is not interactive and it reports nothing.

Pick between the three chips by what the colour is saying:

You are showing…Use
a descriptive label with no outcomeBadge
an outcome or status the system is reportingStatusLight
a set the user can select from or remove fromTagGroup

Parameters

ParameterType
__namedParametersBadgeProps

Returns

Element

Example

<Badge>Admin</Badge>
<Badge evaluation="primary">Beta</Badge>