Pallas UI
DocsComponents
Core Concepts
    • Introduction
    • Getting Started
    • Theming
    • Color Tokens
    • Spacing & Sizing
    • Layout Guide
    • AspectRatio
    • Box
    • Flex
    • Grid
    • Shapes
Previews
    • Accordion
    • Alert
    • Avatar
    • Badge
    • Breadcrumb
    • Button
    • Carousel
    • Checkbox
    • Combobox
    • Command
    • Date Picker
    • Form
    • Input
    • Input OTP
    • Label
    • MenuBar
    • Modal
    • Popover
    • Progress
    • Radio Group
    • Segmented
    • Select
    • Separator
    • Sheet
    • Sidebar
    • Skeleton
    • Slider
    • Spinner
    • Steps
    • Switch
    • Tabs
    • Textarea
    • Toast
    • Tooltip
    • Typography
  1. Components
  2. Textarea

Textarea

Displays a multi-line text input field.

Installation

Copy and paste the following code into your project

import { type HTMLStyledProps, styled } from '@styled-system/jsx'
import { textarea } from '@styled-system/recipes'
 
export const Textarea = styled('textarea', textarea)
export type TextareaProps = HTMLStyledProps<typeof Textarea>

Update the import paths to match your project setup

Usage

import { Textarea } from '@/components/ui/textarea'
<Textarea placeholder="Type your message here." />

Examples

Disabled

With Button

With Label

With Helper Text

Your message will be copied to the support team.

Form

You can @mention other users and organizations.

Built with ❤️ by the carbonteq team. The source code is available on GitHub.

© 2025 Pallas UI. All rights reserved.