Callouts / Admonition Plugin

import { createEditor } from '@synclineapi/mdx-editor';
import '@synclineapi/mdx-editor/style.css';

// All plugins included by default
const editor = createEditor({
  container: '#editor',
});

// Or import the admonition plugin individually
import { SynclineMDXEditor, admonitionPlugin } from '@synclineapi/mdx-editor';

const editor = new SynclineMDXEditor({
  container: '#editor',
  plugins: [admonitionPlugin()],
});

:::tip
This is a **tip** — use it for helpful suggestions and best practices.
:::

:::info
Informational callout for background context or explanations.
:::

:::note
A note for supplementary information that doesn't fit in body text.
:::

:::warning
Watch out — this edge case can cause unexpected behaviour.
:::

:::caution
Proceed carefully. This action may have side effects.
:::

:::danger
**Critical warning.** This will cause data loss if misused.
:::

:::check
All tests pass. You're good to deploy.
:::

:::tip[Pro Tip]
You can override the default title text with a custom one.
:::

:::warning[Breaking Change in v2.0]
The API now returns paginated results by default.
:::

:::info[Did you know?]
SynclineMDX supports 35 built-in plugins out of the box.
:::

:::tip
You can nest **any Markdown** content inside callouts:

- Bullet lists
- **Bold** and *italic* text
- `inline code`

```typescript
const editor = createEditor({ container: '#editor' });
```

> Even blockquotes work inside callouts.
:::