Notice

Provides an inline notification to the user. If you’re looking for a stronger visual treatment, try Alert instead.
Note: This component has only been designed to contain standard size text. Any other size of text will break the alignment with the icon.

Info Notice

Notice with rich content

Promote Notice

Critical Notice

Positive Notice

Required props

children
ReactNode

Optional props

tone
"info" | "promote" | "critical" | "positive"

Further References