import { Callout } from "@wfp/react"; () => { return ( <Callout iconDescription="describes the close button" role="alert" statusIconDescription="describes the status icon" subtitle="Subtitle text goes here." title="Notification title" /> ); };
ReactNode
Pass in the action nodes that will be rendered within the Notification
any
Provide a function that is called when menu is closed
boolean
Specify the close button should be disabled, or not
Pass in the icon that will be rendered within the Notification or set icon to false to hide
string
Provide a description for "close" icon that can be read by screen readers
"error" |"info" |"success" |"warning" |"warning-alt"
Specify what state the notification represents
Specify whether you are using the low contrast variant of the Notification.
"toast" |"inline"
By default, this value is "inline". You can also provide an alternate type if it makes sense for the underlying <NotificationTextDetails> and <NotificationButton>
<NotificationTextDetails>
<NotificationButton>
(e: any) => void
By default, this value is "alert". You can also provide an alternate role if it makes sense from the accessibility-side
Provide a description for "status" icon that can be read by screen readers
Specify the sub-title
Specify the title