Render control

You might want to use the persist option to more directly control hiding/displaying the prompt. Doing this will allow you to display and hide the prompt when and how you choose.

• persist

  false: The prompt is completely added and removed from the DOM (default).

  true: The prompt will remain in the DOM always…letting you control how and when the prompts display is changed.

As shown here, this prompt will animate smoothly in and out. This is possible because the component remains on the page after the user clicks Ok, this allows us to alter the props passed to the div and make it fade in and out using a class applied to its container and a small amount of CSS.