NoticeBubble
NoticeBubbleManager
js
import { noticeBubbleDefaultManager } from '@semcore/ui/notice-bubble';Manager is a storage of all notice instances. It can add, delete and update notices by calling the appropriate methods.
NoticeBubbleManagerClass
| Name | Type | Description |
|---|---|---|
| add | (props: | ) => | Creates and shows a notice. |
| remove | (uid: number) => boolean | Removes notice by uid. |
| replace | (uid: number, props: | ) => void | Replace notice by uid. |
| replaceLast | (props: | ) => void | Replace last notice (if it is existing) |
NoticeBubbleContainer
js
import { NoticeBubbleContainer } from '@semcore/ui/notice-bubble';Container is a div created in the body using React.Portal. It's inserted once in any part of the application and subscribes to Manager updates (NoticeBubbleManager). Later, notices will be rendered to it.
NoticeBubbleContainerProps
& & {...}| Name | Type | Description |
|---|---|---|
| containerNode | | null | Ref to mount bubbles in. You should use element form window.sm2.getNoticeBubbleContainer() |
| manager | Manager copy | |
| locale | string | Specifies the locale for i18n support |