NUI-Widgets documentation has moved to Storybook hosted on Github Pages.

Badge

import Badge from '@concur/nui-widgets/lib/Badge/Badge';

Easily highlight new or unread items by adding a Badge to links, standalone text, buttons, and more.

Examples

Standalone

<Badge>123</Badge>
<Link href='https://concursolutions.com'>Inbox <Badge>123</Badge></Link>

In Buttons

<ButtonToolbar muted>
    <Button>Default <Badge>123</Badge></Button>
    <Button type='primary'>Primary <Badge>123</Badge></Button>
</ButtonToolbar>

Usage

Properties

Property Type Default Description
children Node   Content of the Badge.
className String   Custom classes to be added to the <span> tag.