Textarea

FREE

Multi-line input that can grow with its content, with an optional character count.

Playground

Change the props and watch the component and its code update live.

0/280

Props

Auto resize

Max rows

Character count

Placeholder

Code

import { Textarea } from "@/components/ui/textarea";

<Textarea
  autoResize
  maxRows={8}
  showCount
  maxLength={280}
  placeholder="Write something…"
/>

Installation

Terminal

npx @bloxa/cli add textarea
# or: npx shadcn@latest add @bloxa/textarea

Examples

Auto resize

Character count

0/280

API reference

Every component also accepts the props of the element it renders.

Textarea

Prop	Type	Default	Description
autoResize	boolean	false	Grows with its content.
maxRows	number	10	Max rows when auto resizing.
showCount	boolean	false	Counter together with maxLength.