asw-v01: archive deferred content (packs, site, lab, legacy examples)
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
This commit is contained in:
parent
416fe2f180
commit
e47a9f4401
173 changed files with 11 additions and 5 deletions
22
archive/site/content/docs/components/callouts.md
Normal file
22
archive/site/content/docs/components/callouts.md
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
---
|
||||
title: "Callouts"
|
||||
description: "Attention-drawing callout blocks using the data-callout attribute."
|
||||
type: docs
|
||||
weight: 35
|
||||
date: 2026-04-11
|
||||
tags: ["components", "callouts", "data-attributes"]
|
||||
ai-disclosure: "generated"
|
||||
ai-model: "claude-sonnet-4-6"
|
||||
ai-provider: "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
|
||||
|
||||
<div data-demo>
|
||||
<div data-callout="note"><strong>Note</strong> — General information worth highlighting.</div>
|
||||
<div data-callout="tip"><strong>Tip</strong> — A helpful suggestion or best practice.</div>
|
||||
<div data-callout="warning"><strong>Warning</strong> — Something to watch out for.</div>
|
||||
<div data-callout="error"><strong>Error</strong> — A critical issue or destructive action.</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue