Accessible app-level notifications announced through a polite live region, with auto-dismiss, stacking and optional actions.

npx slipstream-ui@latest add toast
Playground

    Props

    PropTypeDefaultDescription
    titlestringrequiredShort heading announced with the toast
    descriptionstring—Optional supporting detail
    action{ label, onClick }—Inline action; invoking dismisses the toast
    durationnumber5000Auto-dismiss delay in ms; 0 keeps it until dismissed

    Accessibility

    • Toasts render inside role=status (implicit polite live region)
    • Container is a labelled list for screen-reader navigation
    • Actions and dismiss controls are regular keyboard-reachable buttons