The Component Gallery

Components
Design systems
About

Component

Textarea

Also known as: Textbox, Text box

A form control for editing multi-line text.

On this page

Examples
Name distribution

50 Examples

Filter:

React (27) Web Components (9) Sass (9) CSS-in-JS (7) Vue (5) HTML (4) Nunjucks (4) CSS (3) Angular (3) Tailwind CSS (3) Vanilla JS (1) Ember (1) Handlebars (1) jQuery (1) Stimulus (1) Mobile (1)

Code examples (42) Open source (35) Usage guidelines (29) Tone of voice (13) Accessibility (9) Unmaintained (4) Research (2)

Sort by:

Text area

Atlassian Design System
Tech
- React
Features
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility

Textarea

Base Web
Tech
- React
- CSS-in-JS
Features
- Code examples
- Usage guidelines
- Open source
Textarea

Chakra UI
Tech
- React
- CSS-in-JS
Features
- Code examples
- Open source
Textarea

Clarity Design System
Tech
- CSS
- Angular
- Web Components
Features
- Code examples
- Usage guidelines
- Open source
Textarea

Coral
Tech
- React
Features
- Code examples
- Tone of voice
- Open source
Textarea

Crayons
Tech
- Web Components
Features
- Code examples
- Open source
Text Area

Dell Design System
Tech
- Vanilla JS
Features
- Code examples
- Usage guidelines
Textarea

Duet Design System
Tech
- Angular
- Vue
- React
Features
- Code examples
Text area

eBay Playbook
Tech
- HTML
- React
Features
- Code examples
Textarea

Evergreen
Tech
- React
Features
- Open source
Textarea

Flowbite
Tech
- Tailwind CSS
Features
- Open source
- Code examples
Textarea

Forma 36
Tech
- React
- CSS-in-JS
Features
- Code examples
- Open source
Textarea

Geist Design System
Tech
- React
Features
- Code examples
TextArea

Gestalt
Tech
- React
- CSS
Features
- Code examples
- Open source
- Usage guidelines
Textarea

giffgaff design system
Textarea

GOV.UK Design System
Tech
- Nunjucks
Features
- Code examples
- Usage guidelines
- Research
- Open source
TextArea

Grommet
Tech
- React
Features
- Code examples
- Open source
Textarea

Headless UI
Tech
- React
- Vue
Features
- Code examples
- Accessibility
- Open source
Textarea

Helios
Tech
- Ember
- Sass
Features
- Code examples
- Usage guidelines
- Accessibility
- Open source
TextArea

Instructure-UI
Tech
- React
- CSS-in-JS
Features
- Code examples
- Accessibility
- Open source
Textarea

Lightning Design System
Tech
- React
Features
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Textarea

Morningstar Design System
Tech
- Vue
Features
- Usage guidelines
Textarea

Mozilla Protocol
Tech
- Handlebars
- Sass
Features
- Usage guidelines
- Open source
Textarea

Nessie
Tech
- Web Components
- Tailwind CSS
Features
- Usage guidelines
- Code examples
Text Area

NewsKit
Tech
- React
- CSS-in-JS
Features
- Code examples
- Usage guidelines
- Open source
Textarea

NextUI
Tech
- React
- CSS-in-JS
Features
- Code examples
- Open source
Textarea

NHS Digital service manual
Tech
- Nunjucks
Features
- Code examples
- Usage guidelines
- Research
- Tone of voice
- Open source
Textarea

No Style Design System
Tech
- Sass
- jQuery
Features
- Open source
- Unmaintained
Textarea

Nord Design System
Tech
- Web Components
Features
- Code examples
- Usage guidelines
Textarea

Nucleus Design System
Tech
- Web Components
Features
- Usage guidelines
Textarea

ONS Design System
Tech
- HTML
- Nunjucks
- Sass
Features
- Code examples
- Usage guidelines
- Accessibility
- Open source
Text area

Ontario Design System
Tech
- HTML
- Sass
Features
- Code examples
- Usage guidelines
- Accessibility
Textarea

Orbit
Tech
- React
- CSS-in-JS
Features
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Textarea

Pajamas
Tech
- Vue
Features
- Usage guidelines
- Code examples
- Open source
Text area

PatternFly
Tech
- React
- Sass
Features
- Tone of voice
- Open source
- Usage guidelines
Textarea

Pharos
Tech
- Web Components
- Sass
Features
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Textarea Wrapper

Porsche Design System
Tech
- Web Components
- Angular
- React
- Vue
Features
- Code examples
- Open source
Textarea

Primer
Tech
- React
Features
- Code examples
- Open source
Textarea

Reakit
Tech
- React
Features
- Code examples
- Open source
- Accessibility
Text Area

Ruter Components
Tech
- React
Features
- Code examples
- Unmaintained
Textarea

Seeds
Tech
- React
Features
- Code examples
- Usage guidelines
- Tone of voice
Textarea

Seek style guide
Tech
- React
Features
- Code examples
- Unmaintained
Textarea

shadcn/ui
Tech
- React
- Tailwind CSS
Features
- Code examples
- Open source
Textarea

Shoelace
Tech
- Web Components
Features
- Code examples
- Open source
Text area

Spectrum
Tech
- CSS
- Web Components
- React
Features
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Textarea

Stacks
Tech
- Stimulus
Features
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Textarea

uStyle
Tech
- Sass
Features
- Tone of voice
- Code examples
- Usage guidelines
- Open source
- Unmaintained
Textarea

West Midlands Network Design System
Tech
- HTML
- Nunjucks
- Sass
Features
- Code examples
- Usage guidelines
- Open source
Text area

Wise Design
Tech
- Mobile
Features
- Usage guidelines
- Tone of voice
Text Area

Workday Canvas Design System
Tech
- React
Features
- Usage guidelines
- Accessibility
- Tone of voice
- Open source

No examples found matching your chosen filters.

Name distribution

The Component Gallery

The Component Gallery is a project by Iain Bean, built with Astro, using data from Airtable, and hosted on Netlify. Search functionality is powered by Pagefind. Screenshots were generated using this puppeteer script. The site’s CSS is generated with Tailwind. The fonts used are: Instrument Serif, Instrument Sans, and JetBrains Mono.

About
Contribute
Changelog