Input & TextArea

Input and TextArea add Tamagui styling and shared sizing to the React Native text input API.

Input and TextArea wrap React Native’s TextInput, from React Native or React Native Web. That gives them the full set of style props and scales their styles up or down with the size prop, much like Button.

Installation

Input is already installed in tamagui, or you can install it independently:

yarn
npm
bun
pnpm
Copy
yarn add @tamagui/input

Input

A one-line input field:

import { Input } from 'tamagui'

export const App = () => (
  // Accepts size and style properties directly
  <Input size="md" borderWidth={2} />
)
Copy

TextArea

For multiline inputs:

import { TextArea } from 'tamagui'

export const App = () => (
  // Accepts size and style properties directly
  <TextArea size="md" borderWidth={2} />
)
Copy