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.

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}
/>