Inputs & Textarea
Pull to Refresh
React Grid Layout
Toast is a lightweight and easily customizable Alert message that appears at a prescribed location of an application window.
Dismissible toasts display until the user selects the close icon. Toasts can be set to automatically dismiss after a specified period of time, but can be dismissed sooner if the user selects the close icon.
Programmatically dismissible toasts are dismissed when a user takes a certain action. For example, when a user is given a task to approve something.
Toasts offer the following messaging states — none, information, success, warning, or error.
Toasts can be placed in the following positions on a screen— top left, top, top right, left, center, right, bottom left, bottom, or bottom right.
Toasts can be displayed in large, medium, and small sizes.
Toasts are meant to be short and brief. If you need a longer message use an Alert.
Avoid using toasts for critical messages that a user must see. Use an Alert instead.