Back to components
UI component
Input
Dark-only text input with label, error, leading icon, and password visibility toggle.
Install
What it does
- Label, error message, and helper text support
- Leading icon via Ionicons
- Password visibility toggle for secure fields
- Dark-only styling with indigo focus ring
- Disabled state
When to use
Use it
Forms, search fields, authentication screens, any text entry point.
Skip it
Multi-line text entry (use TextInput with multiline directly), or OTP input (use otp-input component).
Files & routes added
- components/ui/input.tsx