New
Styling Addon: configure styles and themes in StorybookAutomate with Chromatic
Storybook Day 2023
Star77,677
Back to glossary
Add your project

Emotion collapse components

9 collapses are styled using Emotion. A collapse is a vertically stacked list of interactive items. Each item can be "collapsed" with only a summary visible or “expanded” to show the full content for that item. 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 15 projects.

9components32storiesLast updated yesterday
Tweet
Other Names
ExpandableDetailsDisclosure
Add your component
Collapse
kiwicom
7
Collapsible List
SpaceONE
7
Collapsible
AppNexus
5
Collapse
Chakra
2
Collapse
Natura Cosmeticos
3
Collapsible Panel
SpaceONE
3
Collapse
Grafana
2
Collapsible Toggle
SpaceONE
2
CollapsableSection
Grafana
1

Related tags

Accordion