Emotion tag components
45 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 14 projects.
45components169storiesLast updated yesterday
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aaa2b/thumb/capture-9a57f0ad.png)
ColoredTag
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aaa1d/thumb/capture-39b876dd.png)
Tag
![](https://snapshots.chromatic.com/snapshots/629e648426469d004a80276e-629e64bc4b5e65004a07361b/w_680/capture.png)
NotificationBadge
![](https://snapshots.chromatic.com/snapshots/62a1019d9a79db795e8b801b-62a101cf75866695214e2deb/w_680/capture.png)
Tags