Textarea

Use Textarea for multi-line text input.

Quick Preview

Preset Examples

Code

<Textarea variant="default" size="md" placeholder="Default textarea" />
<Textarea variant="filled" size="sm" placeholder="Quick note" />
<Textarea variant="ghost" size="lg" placeholder="Large ghost style" />
<Textarea variant="flushed" size="md" placeholder="Border-bottom style" />
<Textarea error="Message is required" />

Interactive Playground

Radius (10px)disabled

Code

import { Textarea } from "@altech-ui/react";

export function Example() {
  return (
    <Textarea
      placeholder={"Write your message"}
      
      
      style={{ borderRadius: "10px" }}
    />
  );
}

Usage

Code

import { Textarea } from "@altech-ui/react"
 
<Textarea placeholder="Write your message" />
<Textarea variant="filled" />
<Textarea error="Message is required" />

Props

error?: string
variant?: default | filled | flushed | ghost
size?: sm | md | lg
fullWidth?: boolean
Native textarea props