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> </head>
<body> <body>
<div style="width: min(500px, 100vw)"> <div style="width: min(500px, 100vw)">
<sl-textarea id="message" placeholder="Message" oninput="clearAlerts()"></sl-textarea> <sl-tab-group>
<br /> <sl-tab slot="nav" panel="page">Page</sl-tab>
<br /> <sl-tab slot="nav" panel="contact">Contact</sl-tab>
<div style="text-align: center">
<sl-button type="submit" variant="primary" onclick="pageIan()">Page Ian</sl-button> <sl-tab-panel name="page">
</div> <sl-textarea id="message" placeholder="Message" oninput="clearAlerts()"></sl-textarea>
<br /> <br />
<sl-alert id="err" variant="danger"> <div style="text-align: center">
<sl-icon slot="icon" name="exclamation-octagon"></sl-icon> <sl-button type="submit" variant="primary" onclick="pageIan()">Page Ian</sl-button>
<strong id="err1"></strong><br /> </div>
<span id="err2"></span> <br />
</sl-alert> <sl-alert id="err" variant="danger">
<sl-alert id="sent" variant="success"> <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
<sl-icon slot="icon" name="check2-circle"></sl-icon> <strong id="err1"></strong><br />
<strong>Page sent</strong> <span id="err2"></span>
</sl-alert> </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> </div>
</body> </body>
</html> </html>