Callout

Callouts are used to communicate a state that affects a system, feature or page.

title
```
ReactNode
```
The title to display in the Callout
children
```
ReactNode
```
Content of the Callout
className
```
string
```
className for the element

iconName

"adjustments-horizontal" | "archive" | "arrow-down-tray" | "arrow-down" | "arrow-left-right" | "arrow-left" | "arrow-path" | "arrow-right-rectangle" | "arrow-right" | "arrow-split" | "arrow-top-right-square" | "arrow-turn-right" | "arrow-up-tray" | "arrow-up" | "arrow-uturn-left-down" | "arrow-uturn-right-top" | ... 140 more ...

The icon to display in the Callout

id
```
string
```
Identifier of the Callout
variant
```
"alert" | "info" | "success" | "warning"
```
The visual style of the Callout
Default: info