View showcase

Emotion modal components

31 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 23 projects.

31components121storiesLast updated 6 days ago
Tweet
Other Names
Dialog
Add your component
Modal
Scaleway
17
Modal
Modal
Modal
SbModal
Modal
Modal
Modal
ConfirmModal
Modal
CloseRoomConfirmModal
WithModal
Modal
Modal
Icon Modal
ModalContainer
MobileDialogPrimtive
NotificationModal
useModalState
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify