Callout

Call-out box for notes/asides in body copy, in an accent-tinted or neutral tone.

Cards

Defaults

Note

Muted

Interactive

ToneTitle

Source

import { Callout, ProseP } from "@zudo-composer/ui";

<Callout title="Note">
  <ProseP>Keep this detail in mind while reviewing the page.</ProseP>
</Callout>

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; } */