timolins/react-hot-toast v2.0.0

on GitHub

New

• Easier Customization
  • Create your own toast renderer (without useToaster)
    • Support for custom render function in Toaster
    • Support for custom render function in ToastBar
  • toast.custom() - Render custom one-off toasts. No default styling will be applied.
• Per toast positioning
• New exit animation
• Change the gutter between toasts with <Toaster gutter={20} />
• Support for relative positioning
• Respect reduce motion OS setting
• Create persistent toasts with duration: Infinity

Breaking Changes

• Use the top, right, bottom, left to in containerStyle to change the offset, instead of margin
• Loading toasts no longer disappear after 30 seconds
• role & ariaLive got moved into ariaProps
• useToaster() no longer exposes visibleToasts
• No longer expose dispatch

Changes

• Add rehype-slug for same page linking d182844
• Update docs for 2.0 release 7587f5e
• Clean up keyframe strings 013deef
• Add fade animation to reduce motion 8057bb3
• docs: fix typo on custom toaster e448a6e
• fix(toast-bar): use fragment to remove unique key prop error 6c89e91
• fix: remove unused import 809fa25
• Update docs for 2.0 b2f4611
• CSS fix for IE b650ea0
• Add tailwind animation for examples cfbf32a
• Fix sticky nav in docs 03d75e9
• Use activeClass for pointer events 2036a3f
• Use children instead of render prop 8388051
• Extract default offset to variable ff9a762
• Use flexbox for toast positioning 9381c26
• Expose gutter prop 273e29e
• Reduce custom toast duration to 4 seconds 466825d
• Scope aria props and add render function support f1d367c
• Add reduce motion support Closes #34 0363011
• Footer (fix year) 1b2e82a
• Use dynamic year in footer 6639eea
• Allow position to be configured per toast 80e936f
• Fix invalid types/imports 664bcbf
• Refactor Indicator to ToastIcon component - Also export resolveValue to render custom JSX content 25690e0
• Add support for toast.custom - Render any JSX without additional styles b7509bd
• Use React.CSSProperties instead csstype e58d6a8
• Add containerClassName prop - Closes #43 2be3b23
• Add support for per toast position - Breaking: Remove visibleToasts - Rename margin to gutter 345aac0
• Add renderToast option to Toatser - Allows you to replace default toast with custom component (Closes #13) 207bf66
• Set sideEffects: false in package.json 641369f
• Breaking: No longer expose dispatch 8f82fec
• Update goober & add csstype as dev dependency Closes #44 d60adb6
• Improve animations and exit positioning - Hidden toasts now stay at their position - Use percentages instead of px for animation 396db8b
• Change toast positioning to absolute 781b16f
• Move height ref to <Toaster/> 06e271c
• Update use-toaster.mdx 1ed8c8e
• Increase default duration from loading toasts to Infinity Fixes #45 633cb6f
• Keep track of dismissed toasts 176bc05
• Fix typo in Toaster docs cf1fd4c
• Fix a typo e1c68b6
• fix spelling error 619b508
• Update footer link d30d2e4
• Use Infinity instead of -1 for persistant toasts a214271
• Remove dismiss from example 597a17d
• Allow -1 duration for persistent toasts 64b5568
• Fix undefined id e40ebbd
• Positioning wrapper div gets no pointer events b441274
• Move comment in toaster.mdx b0a1da4
• add missing className to example with all available options 4239b66
• Add missing goober setup b43caa1
• Lift position wrapper to Toaster aa3c0c6

v1.0.2...v2.0.0