Reply To: Error on IE Edge - Smart UI Components

November 15, 2019 at 12:46 pm #100507

Keymaster

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