StefanNieuwenhuis/stenciljs-modal-overlay__index.html

## stenciljs-modal-overlay__index.html
<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
  <title>Stencil Component Starter</title>

  <script src="/build/mycomponent.js"></script>
</head>

<body>
  <my-component></my-component>
  <button>Open modal</button>
  <script>
    const button = document.querySelector('button');
    const component = document.querySelector('my-component');
    button.addEventListener('click', () => {
      component.setAttribute('is-active', true);
    });
  </script>
</body>

</html>
	<!DOCTYPE html>
	<html dir="ltr" lang="en">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
	<title>Stencil Component Starter</title>

	<script src="/build/mycomponent.js"></script>
	</head>

	<body>
	<my-component></my-component>
	<button>Open modal</button>
	<script>
	const button = document.querySelector('button');
	const component = document.querySelector('my-component');
	button.addEventListener('click', () => {
	component.setAttribute('is-active', true);
	});
	</script>
	</body>

	</html>