korvali toast docs

1. Include Script Tag

<script src="https://beginner.korvali.net/t/toast.js"></script>

2. Attributes Reference

Attribute	Status	Description & Behavior
toast-data	Required	The text message to display in the toast badge (e.g., `toast-data="Testing text successfully copied!"`). Can be attached to any HTML element (button, link, div, etc.).

Toast Engine Capabilities:
• Zero JavaScript Needed: Attach toast-data to any clickable element.
• Auto Dismiss: Notifications float smoothly at the bottom-center and disappear after 2.5 seconds.
• Stack Friendly: Handles multiple clicks seamlessly without breaking layout.

3. Full HTML Snippet Example

<!-- 1. Include Korvali Toast Script -->
<script src="https://beginner.korvali.net/t/toast.js"></script>

<!-- 2. Attach toast-data attribute to any button -->
<button toast-data="Testing text successfully copied!">
  Copy Text
</button>