Emotion modal components
21 modals are styled using Emotion. A modal is a full screen overlay that sits atop the page content. It’s used to focus attention on an important task or message and requires user input to be dismissed. Emotion is a styling library that allows you to write styles in JavaScript. This technique is known as CSS-in-JS. When you write CSS alongside your JavaScript component files, you’re naturally encouraged to scope styling at the component level. Emotion is used to style 14 projects.
21components86storiesLast updated 4 months ago
Other Names
![](https://snapshots.chromatic.com/snapshots/629fbea79ef814003ac09fb9-629fbed92d22f7004a725a01/w_680/capture.png)
Modal
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56f74/w_680/capture.png)
Modal
![](https://snapshots.chromatic.com/snapshots/6202cea8f84151003ad28837-629e4ee808bd98004aed9285/w_680/capture.png)
Modal
![](https://snapshots.chromatic.com/snapshots/62a1019d9a79db795e8b801b-62a101cf75866695214e2dd6/w_680/capture.png)
CentralizedModal
![](https://snapshots.chromatic.com/snapshots/62a1019d9a79db795e8b801b-62a101cf75866695214e2dd8/w_680/capture.png)
ConfirmationModal