Toast Region

Announces brief application feedback from the Cetha toast controller.

Astro

---
import { ToastRegion } from '@charvesta/cetha';
---

<ToastRegion label="Notifications" />
<script>
  import { showToast } from '@charvesta/cetha/client/toast';
  showToast({ tone: 'success', title: 'Saved' });
</script>

API reference

Prop	Type	Default	Description
`id`	`string`	`'cetha-toasts'`	Region target for generated toasts.
`label`*	`string`	—	Accessible live-region name.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

The polite live region announces new messages without moving keyboard focus.