CrossFrameworkComponents/Index.html at main · BAW2501/CrossFrameworkComponents · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Untitled</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="./style.css" />
    <!-- import webcomponent from ./Components/ImageCompareComponent.js -->
    <script type="module" src="./Components/ImageCompareComponent.js"></script>
  </head>
  <body>
    <p>Image Compare Component</p>
    <image-compare label-text="Screen Reader Label Text">
        <img slot="image-1" alt="Alt Text" src="https://image-compare-component.netlify.app/assets/images/example-image.svg"/>
        <img slot="image-2" alt="Alt text" src="https://image-compare-component.netlify.app/assets/images/example-image2.svg"/>
    </image-compare>

  </body>
</html>