Textarea Input

A component that allows users to enter larger text.

Installation

npx shadcn@latest add @tetra-ui/textarea-input

import { TextareaInput } from "@/components/ui/textarea-input";

<TextareaInput placeholder="Enter your message" />

<TextareaInput invalid placeholder="Enter your message" />

<TextareaInput disabled placeholder="Enter your message" />

The textarea grows vertically with content. Tap anywhere on the field to focus the input.

Text

A lightweight wrapper around the React Native Text component to provide default styles.