mdXtend

about

CMS Callouts

2025-01-25

The CMS Callouts component is a versatile UI element used to highlight information or provide context to users. Different types of callouts are available to suit various use cases, such as warnings, success messages, or informational notes.

Examples

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Info

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Warning

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Caution

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Success

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

🌟Feature

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Syntax

  • Here’s an example of how to use the Callout component in a .mdx file:
mdxcallouts.mdx
Copy code
<Callout type="default">
Vitae reprehenderit at aliquid error voluptates eum dignissimos.
</Callout>

<Callout type="info">
Vitae reprehenderit at aliquid error voluptates eum dignissimos.
</Callout>

<Callout type="warning">
Vitae reprehenderit at aliquid error voluptates eum dignissimos.
</Callout>

<Callout type="error" text="Caution">
Vitae reprehenderit at aliquid error voluptates eum dignissimos.
</Callout>

<Callout type="success">
Vitae reprehenderit at aliquid error voluptates eum dignissimos.
</Callout>

<Callout type="custom" text="Feature" icon="🌟" color="#8b939c" bgcolor="#2f393e">
Vitae reprehenderit at aliquid error voluptates eum dignissimos.
</Callout>