Callout

Core Layout component

The Callout component is a core component meant to offset and call attention to a piece of content within the page by setting it apart using a high-contrast moment.

---

Dependencies (1)

• Carbon 2x grid

Used by (3)

• Callout data
• Callout media
• Callout quote

Back links (9)

Callout data (1)

• data depends on the Callout component to emphasize a data

Callout media (4)

• Callout media decorates the Callout and Content block simple.
• Callout is being used to offset the component through...
• See Callout for more
• This component should sit inside of the Callout

Callout quote (4)

• decorating both the Callout, and Quote
• Callout is being used to offset the component through...
• See Callout for more
• Callout children's

Resources

• r1: Box folder

---

Should there be a dependency added for Layout with new modifiers?

1. Children

required container

The callout's children offsets any block level pattern and set its high contrast modifier to true.

Example

Back to top