Fixed Confirmation Toast

Fixed Confirmation Toast is used as an alert. Success is used when a user successfully completes an action. Error is used when there is an error and the user cannot proceed. Neutral is used to display information to a user to complete a task.

Default


Multi Line


Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.

Click to Close


Click to Show Positions


Click to Show Auto Close


Auto close is used when you want the confirmation toast to close automatically after a certain time. autoClose property will be a delay number in ms.

Children


Pass anything (including any of our kits) to the children prop to customize the content of the fixed confirmation toast.

NOTE: passing children overrides any content passed to text

Custom Icon



Available Props