svelte/test/custom-elements/samples/reflect-attributes/my-widget.svelte

<svelte:options
	customElement={{
		tag: "my-widget",
		props: { red: { reflect: true } },
	}}
/>

<script>
	export let red = false;
	red;
</script>

<div>hi</div>
<p>hi</p>

<style>
	:host([red]) div {
		color: red;
	}
	:host([white]) p {
		color: white;
	}
</style>