<button
	commandfor="toasty"
	command="--add"
	data-title="Toast 1 created"
	data-description="This is a toast notification"
>Create toast</button>

<a-toast-list id="toasty" popover="manual">
	<template part="toast">
		<h2 part="title" slot="title"></h2>
		<p part="description" slot="description"></p>
		<button part="close">✕</button>
	</template>
</a-toast-list>

<script>
import { ToastListElement } from "@jsxtools/aui/elements/toast-list"

customElements.define("a-toast-list", ToastListElement)
</script>