Emotion textarea components
25 textareas are styled using Emotion. A textarea is a form element that accepts multiple lines of text. 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 14 projects.
25components134storiesLast updated yesterday
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aa94f/thumb/capture-d4048f16.png)
IconTextButton
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aa96a/thumb/capture-ae759327.png)
ColoredIconTextButton
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aab7b/thumb/capture-26068c5d.png)
Textarea
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fc7/w_680/capture.png)
Text
![](https://snapshots.chromatic.com/snapshots/62a1019d9a79db795e8b801b-62a101cf75866695214e2e30/w_680/capture.png)
TextareaField
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fc3/w_680/capture.png)
HeadingText
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fcf/w_680/capture.png)
TextBlock
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fe3/w_680/capture.png)
TextInput
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fe7/w_680/capture.png)
TextInputWithBadges
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fed/w_680/capture.png)
Textarea
![](https://snapshots.chromatic.com/snapshots/629d137f5ac08100428903a7-63c1aa6feed1a8f036a56fea/w_680/capture.png)
TextInputWithButtons