View showcase

Emotion tag components

60 tags are styled using Emotion. A tag is a compact label that appears beside a primary interface area which is used to represent status or metadata for that area. 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 22 projects.

60components207storiesLast updated 15 days ago
Tweet
Other Names
PillChip
Add your component
ColoredTag
Phork
16
Tag
NotificationBadge
Contextual Badge (Tag)
Tags
iq
10
Bottom Navigation Action
TagGroup
CloudStorageUploadItem
Tag
TagList
Classification Markings
CloudStorageFileTitle
CloudStorageFileList
CloudStorageUploadTitle
AlertDialog
TagLink
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