TextInput

A customizable TextInput component with theme-based styling.

Installation

Terminal

npx flexnative-cli add "https://registry.flexnative.com/c/text-input.json"

Importing

import { TextInput } from "@/components/ui/text-input";

Using

<TextInput
placeholder="Enter text"
style={{ margin: 16 }}
/>

A customizable TextInput component with theme-based styling.

Prop	Type	Description	Default
`placeholder`	`string`	Placeholder text for the input field.	-
`style`	`StyleProp<TextStyle>`	Additional styles for the input.	-
`placeholderTextColor`	`string`	Color for the placeholder text.	-
`...props`	`React.ComponentPropsWithoutRef<typeof RNTextInput>`	Additional native TextInput props.	-