Custom Content & HTML Sanitization

When standard title and description cards do not fit your product design, toastory provides custom component renderers and safe HTML injection.

Custom JSX Component

toast.custom((id) => (

Deployment Ready

PR #48 passed all 12 checks.

toast.dismiss(id)} className="ml-auto px-2.5 py-1 text-xs bg-blue-500 rounded-lg font-medium" > Merge

Safe HTML Rendering

HTML strings passed via the html option are automatically sanitized with DOMPurify when available, eliminating XSS vulnerabilities:

toast.info('Invoice generated', {
  html: '<strong>Invoice #1042</strong> has been generated for <em>$240.00 USD</em>.',
});