fcrun/p
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tabs

Browse Source
This commit is contained in:
Ian Gulliver
2024-11-22 14:13:40 -08:00
parent 7fcf63bcfa
commit d31a7425b4
1 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
static/index.html
View File

@@ -68,22 +68,29 @@ async function pageIan() {
</head>
<body>
<div style="width: min(500px, 100vw)">
<sl-textarea id="message" placeholder="Message" oninput="clearAlerts()"></sl-textarea>
<br />
<br />
<div style="text-align: center">
<sl-button type="submit" variant="primary" onclick="pageIan()">Page Ian</sl-button>
</div>
<br />
<sl-alert id="err" variant="danger">
<sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
<strong id="err1"></strong><br />
<span id="err2"></span>
</sl-alert>
<sl-alert id="sent" variant="success">
<sl-icon slot="icon" name="check2-circle"></sl-icon>
<strong>Page sent</strong>
</sl-alert>
<sl-tab-group>
<sl-tab slot="nav" panel="page">Page</sl-tab>
<sl-tab slot="nav" panel="contact">Contact</sl-tab>
<sl-tab-panel name="page">
<sl-textarea id="message" placeholder="Message" oninput="clearAlerts()"></sl-textarea>
<br />
<div style="text-align: center">
<sl-button type="submit" variant="primary" onclick="pageIan()">Page Ian</sl-button>
</div>
<br />
<sl-alert id="err" variant="danger">
<sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
<strong id="err1"></strong><br />
<span id="err2"></span>
</sl-alert>
<sl-alert id="sent" variant="success">
<sl-icon slot="icon" name="check2-circle"></sl-icon>
<strong>Page sent</strong>
</sl-alert>
</sl-tab-panel>
<sl-tab-panel name="contact">This is the custom tab panel.</sl-tab-panel>
</sl-tab-group>
</div>
</body>
</html>