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
|
|
@ -1,28 +0,0 @@
|
|||
---
|
||||
title: "Dialog"
|
||||
description: "Native HTML dialog element styled by ASW."
|
||||
type: docs
|
||||
weight: 36
|
||||
date: 2026-04-11
|
||||
tags: ["components", "dialog", "modal"]
|
||||
ai-disclosure: "generated"
|
||||
ai-model: "claude-sonnet-4-6"
|
||||
ai-provider: "Anthropic"
|
||||
---
|
||||
|
||||
ASW styles the native `<dialog>` element — no JavaScript modal libraries required. Call `dialog.showModal()` to open it. The `::backdrop` pseudo-element receives a semi-transparent overlay automatically.
|
||||
|
||||
## Inline Demo
|
||||
|
||||
<div data-demo>
|
||||
<button onclick="document.getElementById('demo-dialog').showModal()">Open dialog</button>
|
||||
<dialog id="demo-dialog">
|
||||
<article>
|
||||
<header><h3>Dialog title</h3></header>
|
||||
<p>This is a native <code><dialog></code> element. ASW styles the backdrop and container automatically.</p>
|
||||
<footer>
|
||||
<button onclick="document.getElementById('demo-dialog').close()">Close</button>
|
||||
</footer>
|
||||
</article>
|
||||
</dialog>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue