Callout

Accent-soft or surface box with a title and short markdown.

Content

Pack defaults

With content

In context

Source

import { Callout } from "demo-blog/components";

const props = {
  "title": "Note",
  "markdown": "Margin Notes is a demo site built with zudo-composer.",
  "tone": "soft"
};
<Callout {...props} />

Live CSS

Injected into the previews above. Callout

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */