<docs-callout title="Default callout title" id="test">
  <span id="default-marker"></span>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</docs-callout>

<docs-callout critical title="Callout title for critical">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</docs-callout>

<docs-callout important title="Callout title for important">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</docs-callout>

<docs-callout helpful title="Callout title for helpful">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</docs-callout>