Importing components from a library

It's often the case that we want to display a window on top of the interface: for a confirmation message, a quick form, or an alert. This is what's called a popup or a modal.

The idea is simple: temporarily display a component on top of the rest, and make it disappear on demand.

Why not do everything by hand?

We could create a modal with a simple isOpen state and a bit of CSS, but:

• Animations need to be handled
• Keyboard focus (accessibility)
• Background scroll (blocking it)
• Responsiveness