Textarea

Multi-line field with default, soft and glass surfaces, semantic invalid state and customizable radius.

Import

import { Textarea } from "poyraz-ui/atoms";

Default

Basic textarea with placeholder.

<Textarea placeholder="Write something bold..." />

Variants

<Textarea variant="soft" />
<Textarea variant="glass" radius="xl" />

With Label

Pair with Label for accessible forms.

<Label htmlFor="message">Message</Label>
<Textarea id="message" placeholder="Write your message..." rows={4} />

Disabled

<Textarea placeholder="Cannot type here" disabled />
pnpm dlx shadcn@latest add @poyraz/textarea

Runtime dependencies

class-variance-authority@^0.7.1

Registry dependencies

@poyraz/poyraz-utils, @poyraz/poyraz-theme, @poyraz/poyraz-recipes

Installed files

@ui/atoms/textarea.tsx