Web Components require polyfill for Edge. You can include webcomponents-lite.js.
Please, refer to https://www.htmlelements.com/demos/accordion/basic/.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Accordion Overview</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="../../source/styles/smart.default.css" />
<link rel="stylesheet" type="text/css" href="../../styles/demos.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="../../source/webcomponents-lite.js"></script>
</head>
<body>
<smart-accordion>
<smart-accordion-item label="First Item">First Item Content.</smart-accordion-item>
<smart-accordion-item label="Second Item">Second Item Content.</smart-accordion-item>
<smart-accordion-item label="Third Item">Third Item Content.</smart-accordion-item>
<smart-accordion-item label="Fourth Item">Fourth Item Content.</smart-accordion-item>
</smart-accordion>
<!-- scripts -->
<script type="module" src="../../source/modules/smart.accordion.js"></script>
<script type="module" src="index.js"></script>
</body>
</html>
Regards,
Peter
.
