Used to wrap components that need to display a notification.

Usage

Import

import { Badge } from '@passfort/castle'
content_copy
Copy

Notification

<Badge>
  <Button label="Button" />
</Badge>
<Badge>
  <Button label="Button" />
</Badge>
content_copy
Copy
live example

Notification with content

<Badge content={3}>
  <DropdownMenu title="Select one" items={selectUsers}>
    <DropdownButton label={'Select'} />
  </DropdownMenu>
</Badge>
<Badge content={3}>
  <DropdownMenu title="Select one" items={selectUsers}>
    <DropdownButton label={'Select'} />
  </DropdownMenu>
</Badge>
content_copy
Copy
live example

Toggle

<Badge content={3} invisble>
  <Button label="Toggle" />
</Badge>
<Badge content={3} invisble>
  <Button label="Toggle" />
</Badge>
content_copy
Copy
live example