View showcase

Emotion menu components

23 menus are styled using Emotion. A menu is an interactive list of options that a user can choose. The options are hidden by default and revealed when a user interacts with an element. Menu is often used to show actions or navigation. It’s different from Select because it’s not a form input. 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.

23components97storiesLast updated 20 days ago
Tweet
Add your component
Context Menu
SpaceONE
14
Select Menu
DropdownMenu
DropMenu
Menu
Context Menu Item
ContextMenu
SegmentInput
NumberInput
Segmented Button
TimeInput
Drawer Menu
ContextMenu
TimeRangeInput
Menu Item
Pop Up Menu
HamburgerMenuIcon
Menu Item Divider

Related tags

ListNavDropdown
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