Callouts

Callout

A Callout component that displays important information or notices in a visually distinct way. It includes an info icon and a message area for content.

Examples

You must have an Admin or Owner role to manage webhook settings.

Warning: you must have an Admin or Owner role to manage webhook settings.

Note: you must have an Admin or Owner role to manage webhook settings.

Tip: you must have an Admin or Owner role to manage webhook settings.

Check: you must have an Admin or Owner role to manage webhook settings.

Danger: you must have an Admin or Owner role to manage webhook settings.

Props

className
string
Additional CSS class name to be applied to the callout
children
React.ReactNodeRequired
Content to be displayed inside the callout
kind
"warning" | "note" | "tip" | "check" | "danger"

<Callout kind="warning">
Note that you must have an Admin or Owner role to manage webhook settings.
</Callout>

:::callout{kind="warning"}
Note that you must have an Admin or Owner role to manage webhook settings.
:::

Details

Built with

Show your support! Star us on GitHub ⭐️

Star