trentuna/asw
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

asw-v01: archive deferred content (packs, site, lab, legacy examples)

Browse source 
- 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:
exe.dev user 2026-06-07 10:39:21 +02:00
parent 416fe2f180
commit e47a9f4401
173 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

69
archive/examples-legacy/components/buttons.html Normal file
View file

@ -0,0 +1,69 @@
<!doctype html>
<html lang="en">
<head>
<!--#include virtual="/_include/head.html" -->
<title>Buttons — ASW Examples</title>
<meta name="description" content="Semantic button variants — type
attribute, disabled, loading, link-as-button">
</head>
<body>
<!--#include virtual="/_include/nav.html" -->
<main>
<header>
<h1>Buttons</h1>
<p data-text="lead">Semantic button variants — type attribute,
disabled, loading, link-as-button</p>
</header>
<p>Buttons styled through HTML semantics. No class variants —
<code>type</code> communicates intent.</p>
<h2 id="default-button">Default button</h2>
<p>
<button>Click me</button>
<button type="button">Explicit type</button>
</p>
<h2 id="submit-and-reset">Submit and reset</h2>
<form onsubmit="return false">
<label>Email
<input type="email" name="email" placeholder="you@example.com">
</label>
<p>
<button type="submit">Subscribe</button>
<button type="reset">Clear</button>
</p>
</form>
<h2 id="link-styled-as-button">Link styled as button</h2>
<p>
<a href="#link-button" role="button">Download</a>
<a href="#link-button" role="button">View source</a>
</p>
<h2 id="disabled-state">Disabled state</h2>
<p>
<button>Active</button>
<button disabled>Disabled</button>
<button type="submit" disabled>Submit (disabled)</button>
</p>
<h2 id="loading-state">Loading state</h2>
<p><code>aria-busy="true"</code> shows an inline spinner. No JavaScript
needed.</p>
<p>
<button aria-busy="true">Saving…</button>
<button type="submit" aria-busy="true">Processing…</button>
</p>
<h2 id="button-group">Button group</h2>
<p>
<button type="submit">Save changes</button>
<button type="reset">Discard</button>
<button type="button" disabled>Delete</button>
</p>
</main>
<!--#include virtual="/_include/footer.html" -->
</body>
</html>