e47a9f4401
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
28 lines
866 B
HTML
28 lines
866 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dialog Examples | Trentuna</title>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Dialog Components</h1>
|
|
|
|
<button type="button" onclick="document.getElementById('modal').showModal()">Open Modal</button>
|
|
|
|
<dialog id="modal">
|
|
<form method="dialog">
|
|
<header>
|
|
<h2>Modal Title</h2>
|
|
</header>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
<footer>
|
|
<button type="button" onclick="this.closest('dialog').close()">Cancel</button>
|
|
<button type="submit">Confirm</button>
|
|
</footer>
|
|
</form>
|
|
</dialog>
|
|
</main>
|
|
</body>
|
|
</html>
|