asw/site/content/docs/components/callouts.md
Ludo fe8ddd6153
feat: add [data-demo] attribute, purge all inline CSS from docs
New data-demo attribute for demo blocks in documentation.
Replaced 16 files worth of inline style="" wrappers with <div data-demo>.
Only remaining style= is charts --size data injection (legitimate).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 18:53:59 +02:00

876 B

title description type weight date tags ai-disclosure ai-model ai-provider
Callouts Attention-drawing callout blocks using the data-callout attribute. docs 35 2026-04-11
components
callouts
data-attributes
generated claude-sonnet-4-6 Anthropic

Add data-callout="<type>" to any block element to style it as a callout. Four types are available: note, tip, warning, and error. No extra classes needed.

Inline Demo

Note — General information worth highlighting.
Tip — A helpful suggestion or best practice.
Warning — Something to watch out for.
Error — A critical issue or destructive action.