View showcase

Emotion toast components

20 toasts are styled using Emotion. A toast is a short message that informs users of updates or changes to system status. It appears above the content. 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.

20components63storiesLast updated 6 days ago
Tweet
Other Names
Notification
Add your component
IconToast
Phork
9
TitledToast
Toast
Toaster
CloudStorageFileList
Toast
Toast
Toast
Toaster
Snackbar (toast)
Toasts
StyledIconToast
StyledTitledToast
StyledToast
ToastContainer
Form with automatic state management
Toast
CloudStorageSkeletons
Toast

Related tags

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