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.ReactNode

Required

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