Component
Textarea

Textarea

Displays a form textarea or a component that looks like a textarea.

Installation

Copy and paste the following code into your project

components/ui/textarea/index.tsx
import { styled, HTMLStyledProps } from '@shadow-panda/styled-system/jsx'
import { textarea } from '@shadow-panda/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 />

Examples

Default

Disabled

With Label

With Text

Your message will be copied to the support team.

With Button

Form

You can @mention other users and organizations.