1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <!DOCTYPE html>
| <html lang="en">
| <head>
| <meta charset="UTF-8">
| <title>Tab Component</title>
| <script defer src="tab-component.js"></script>
| </head>
| <body>
| <tab-component>
| <span slot="tab" tab-id="tab-a">Tab A</span>
| <span slot="tab" tab-id="tab-b">Tab B</span>
| <div slot="content" tab-id="tab-a">Passender Text zu Tab A!</div>
| <div slot="content" tab-id="tab-b">Ein anderer Text zu Tab B!</div>
| </tab-component>
| </body>
| </html>
|
|
