View showcase

Emotion select components

31 selects are styled using Emotion. A select is a type of input that allows users to choose one or more options from a list of choices. The options are hidden by default and revealed when a user interacts with an element. It shows the currently selected option in its default collapsed state. 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.

31components193storiesLast updated yesterday
Tweet
Add your component
RichSelect
Scaleway
18
Select
SbSelect
Select
Select Menu
Checkbox (selection control)
Select
Deprecated Select
Select Dropdown
Select Card
DateSelect
Switch (selection control)
Select
Radio (selection control)
Select Status
Select
Select Button
Select
Selector

Related tags

Form
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