View showcase

Styled Components text field components

10 text fields are styled using Styled components. A text field is a form element that accepts a single line of text or multiple lines of text. 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.

10components42storiesLast updated yesterday
Tweet
Other Names
Input
Add your component
Fields
Talend
19
Text Input with Tokens
Text Input
Text
TextArea
Field states
FieldSet
Text
TextLink

Related tags

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