# Callout (https://openknowledge.ai/docs/reference/components/callout)

Alert / admonition with 15 type variants — 5 GFM (note, tip, important, warning, caution) plus 10 Obsidian-parity (abstract, info, todo, success, question, failure, danger, bug, example, quote)

## Example

> **Ship a good default**
>
> Pick the type that matches the intent — `tip` for advice, `warning` for things that can bite, `note` for
> background context. The icon and accent color track the type automatically.

```md
> [!TIP]
> Pick the type that matches the intent — `tip` for advice, `warning`
> for things that can bite, `note` for background context.
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `type` | `'note' \| 'tip' \| 'important' \| 'warning' \| 'caution' \| 'abstract' \| 'info' \| 'todo' \| 'success' \| 'question' \| 'failure' \| 'danger' \| 'bug' \| 'example' \| 'quote'` | no | `note` | Callout variant |
| `title` | `string` | no |  | Optional heading shown above the body |
| `icon` | `string` | no |  | Custom lucide icon override (e.g. \`lucide:Lightbulb\`) |
| `color` | `string` | no |  | Optional accent color override (hex — e.g. \`#F05032\`) |
| `collapsible` | `boolean` | no | `false` | Render as a foldable \`\<details>\` (Obsidian \`\[!TYPE]+/-\`) |
| `defaultOpen` | `boolean` | no | `true` | When collapsible, start in the open state |
| `children` | `ReactNode` | yes |  | Callout content |

*Also matches:* `note`, `tip`, `important`, `warning`, `caution`, `abstract`, `info`, `todo`, `success`, `question`, `failure`, `danger`, `bug`, `example`, `quote`, `alert`, `admonition`, `callout`

## Author it

Type `/note` in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.