Input and Textarea

Using the same base component TextInput , from react-native-web, Tamagui simply wraps these components to allow the full set of style props, as well as scaling all the styles up or down using the size property, much like Button.

A one-line input field:

import { Input } from 'tamagui'

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

For multi-line inputs:

import { TextArea } from 'tamagui'

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

Form elements extend Stack views inheriting all the Tamagui standard props.