Skip to content

RtkTextField

Last updated View as MarkdownAgent setup

A themed text input field component.

Properties

Property Type Required Default Description
disabled boolean false Whether the input is disabled
placeholder string '' Placeholder text
type string 'text' Input type
style StyleProp<any> - Custom styles
onChangeText (s: string) => void - Callback when text changes

Usage Examples

Basic Usage

import { RtkTextField } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkTextField placeholder="Enter your name" />;
}

With Properties

import { RtkTextField } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return (
		<RtkTextField
			placeholder="Enter display name"
			onChangeText={(text) => setName(text)}
			disabled={false}
		/>
	);
}

Was this helpful?