Question 1

What is the difference between an alert and a toast?

Accepted Answer

Alerts are persistent messages that stay on the page until the user dismisses them. Toasts are temporary, non-blocking popups that appear in a corner and auto-dismiss after a few seconds. The generator supports both styles.

Question 2

Can I customize the icon for each variant?

Accepted Answer

Yes. You can use any emoji, SVG or character for the icon. The generator includes sensible defaults (✓ for success, ✕ for error, ⚠ for warning, ℹ for info) that you can replace with your own.

Question 3

Are the alerts accessible?

Accepted Answer

Yes. The generated HTML uses semantic ARIA role='alert' for screen readers, and colors meet WCAG AA contrast guidelines. The close button has proper aria-label.

Question 4

Can I make the alert dismissible?

Accepted Answer

Yes. Toggle the 'Dismissible' option to add a close button. The CSS includes a hover effect and a smooth fade animation when the user closes the alert.

⚙️ Settings