NoticeBar

NoticeBar is able to provide some notice information.

<NoticeBar content="some content of notice information" />

<NoticeBar content="some content of notice information" />

Example

Basic usage of NoticeBar component.

NoticeBar types

Default type of NoticeBar

Alert type of NoticeBar

Error type of NoticeBar

Info type of NoticeBar

Customize NoticeBar

NoticeBar react component is able to provide some notice information, this page is about the basic usage of NoticeBar component.

Properties	Description	Type	Default
delay	The delay to start scrolling, unit `ms`	`number`	`2000`
speed	THe scroll speed, unit `px/s`	`number`	`50`
content	The content of the NoticeBar	`React.ReactNode`	-
closeable	Whether it could be closed	`boolean`	`false`
onClose	The callback function when closed	`() => void`	-
extra	The additional area, displayed to the left of the close button	`React.ReactNode`	-
icon	The voice icon on the left, could be customized	`React.ReactNode`	`<Icon type="voice" />`
type	The type of the NoticeBar	`'default' \| 'alert' \| 'error' \| 'info'`	`'default'`