API Reference
FormInput v2.0+ uses a modern grouped props approach for better organization and TypeScript support. Each group logically organizes related props to make the component API more intuitive and easier to use.
Text Props
Props for controlling text content, labels, placeholders, and values.
Style Props
Props for controlling the visual appearance of the component.
Icon Props
Props for configuring left and right icons, including callbacks.
Core Props
Essential props controlling basic component behavior and functionality.
DatePicker Props
Props for configuring and customizing the date picker functionality.
Component Props
Props that get passed directly to the underlying React Native components.
Prop Structure
You can use the grouped props structure, which is the recommended approach for FormInput v2.0+:
<FormInput
text={{ labelText: "Name", placeholderText: "Enter your name" }}
style={{ isRequired: true }}
icon={{ leftIcon: "user" }}
core={{ onTextChange: handleChange }}
/>
Or for backward compatibility, use the flat props structure:
<FormInput
labelText="Name"
placeholderText="Enter your name"
isRequired={true}
leftIcon="user"
onTextChange={handleChange}
/>