carbon-addons-iot-react icon indicating copy to clipboard operation
carbon-addons-iot-react copied to clipboard

Published 20 hours ago • verified publisher icon carbon-design-system

[Notification badge] PAL Component

Open dianasanborn opened this issue 3 years ago • 0 comments

What package is this for?

  • [x] React
  • [ ] Angular

Summary

A notification badge alerts the user that something is new or updated. A notification badge is displayed over a ghost icon button to indicate an active notification, and is cleared after the user acknowledges the notification. Depending on your use case, the icon button can open a new page or launch a modal, pane, or flyout.

Specs

Note: the color used for the badge is $support-01

Numbered badge

number-badge-style

Dot badge

dot-badge-style

dianasanborn avatar Dec 29 '21 15:12 dianasanborn