Status Badge
A small badge that marks a navigation item or heading as new, in beta, or coming soon.
Navigation
Status Badge is a small Badge with a 6px left margin, so it sits right after a label. It is blue unless you set type.
Types
type takes any Badge color. When the parent already spaces its children, pass className="ml-0" to remove the left margin.
Icon
iconStart adds an icon before the text, colored to match the badge. With neither text nor iconStart, the badge renders nothing, so you can pass optional values straight through.
Usage
text is translated with useMessages from gt-next, so it can be a plain string or a message created with msg().
Properties
The label. Plain text or a message from msg()
Badge color
Default: blue
Icon before the text: an icon name, an icon descriptor, or an element
Additional CSS classes for the badge. Use ml-0 to remove the left margin
Additional CSS classes for the text