View showcase

Styled Components form components

18 forms are styled using Styled components. A form is used to collect user input to be submitted to an application. It’s often composed of form elements that include inputs, buttons, checkboxes, and radios. Styled-components is a styling library that allows you to write styles in JavaScript at the component-level. This technique is known as CSS-in-JS. Styled components is used to style 7 projects.

18components51storiesLast updated yesterday
Tweet
Add your component
Form Field Group
Talend
12
Form
Form Field
Form Buttons
Form Fieldset
Array Of Form Fields
Form
Format
Range format
Form
Inside a FormField
Inside a FormField
Inside a FormField
Form Controls
How to layout forms
Formatters
FormGroup

Related tags

InputSelectRadioTextareaCheckboxLegend
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