eoria
Component

Textarea

Multiline input. Extends the Input recipe, so edits to Input flow through.

Textarea rendered on iOS, light mode
Textarea rendered on iOS, dark mode
iPhone, zinc preset. Captured from the example app.
Terminal window
npx @eoria/cli add textarea

Usage

import { Textarea } from '@/components/ui/textarea'


<Textarea placeholder="Tell people about yourself" value={bio} onChangeText={setBio} />
<Textarea size="lg" />

Variants

Same as Input. Sizes map to 80, 96 and 136pt minimum heights.

Notes

This is the smallest example of extendSlotRecipe in the registry. The recipe adds minHeight, vertical padding, a line height and textAlignVertical: 'top', and inherits everything else. Change the Input radius and the Textarea follows.

Source

registry/ui/textarea.tsx