Short Content

A likely use case for this component.

Max Content

We protect the layout by limiting the length of the description to 4 lines max and capping the width of the callout content to keep the lines readable.

For content that extend beyond these bounds you can click to copy the full text (Copyable), expand in place (Expandable), or view in a modal (Modal). Prompted by the trailing `…`, gradient, hover state, and cursor change.

Complex Content

Testing how the callout handles rich content including lists and code blocks.

Fancy Stuff

Testing how the callout handles rich content including lists and code blocks.