asw/site/content/docs/components/callouts.md
Ludo 502b2e8266
feat: site restructure — layouts gallery, docs sections with inline demos
Navigation: Docs, Layouts, Lab (simplified from 6 items)

Layouts gallery: card grid showing all available page layouts
with live links to demo pages.

Docs restructure: 8 auto-generated sidebar sections
(Getting Started, Typography, Core, Content, Components,
Reference, Vault, Packs) with 20 new stub pages.
Each stub has inline HTML demos that ASW styles directly.

New Hugo layout template for layouts/ section.
Decap CMS nav updated.

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

987 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.