Index in React Toast component

4 Sep 20261 minute to read

The React Toast is a small container in which user can show a single or multiple informative line with actions.

Key features

1. Position: Enables to position the React Toast anywhere on the screen. It has a predefined set of positions and custom inputs for position based on the target.

2. Autohide and TimeOut: React Toast can be expired based on the timeOut property; it hides React Toast automatically when reaches specific time without user interaction.

3. Multi Toast: Toasts can support to display multiple toasts with various time delay.

4. Progress Bar: Supports to visually indicate time lapse when the React Toast expires.

5. Action Buttons: Supports to add buttons in the React Toast for archiving any actions within the React Toast.

6. Template: User customized element can be defined for the React Toast using the template property.