InputField

Core input functionality without the complexity of icons, addons, or a label: focus-state management, an error message, and helper text. Use it when you don't want Field's built-in label.

React Native

import { InputField } from '@hoverinc/design-system-react-native';

<InputField placeholder="Enter your email" onChangeText={setEmail} />;

Common Mistakes

• Don't reach for Field with an empty-string label to get an unlabeled-looking input — Field always reserves the label's layout space even when the label text is empty, which produces a visible gap above the input. Use InputField instead; it has no label slot at all.
• errorMessage renders regardless of isInvalid — passing an errorMessage alone shows it even if you haven't set isInvalid. Pass both together if you want the invalid-styled input and the message; an errorMessage with no isInvalid shows the text without the invalid styling, which is rarely what you want.
• isFocused is a controlled-focus prop, not a read-only indicator — passing it drives the component's focus state rather than just reflecting it.