NotificationBadge

Shows simple, non-interactive information.

NotificationBadge

To implement NotificationBadge component into your project you’ll need to add the import:

import NotificationBadge from "@kiwicom/orbit-components/lib/NotificationBadge";

After adding import into your project you can use it simply like:

<NotificationBadge>3</NotificationBadge>

Props

Table below contains all types of the props available in NotificationBadge component.

NameTypeDefaultDescription
childrenReact.NodeThe content of the NotificationBadge.
dataTeststringOptional prop for testing purposes.
idstringSet id for Badge inside NotificationBadge
iconReact.NodeThis property has higher priority than children. If icon is passed the children wont appear.
typeenum"neutral"The color type of the NotificationBadge.
ariaLabelstringAdds prop adds aria-label to an element, useful for screenreaders.

enum

type
"neutral"
"dark"
"info"
"success"
"warning"
"critical"
"infoInverted"
"criticalInverted"