When to use it
Keep authentication and credential lifecycle in the application. Visibility is transient and never saved. Use newPassword for registration; provider autofill needs device configuration.
FormsReact Native
Password field
Enter passwords with transient visibility and native credential autofill hints.
Native example
Use Password field
Keep authentication and credential lifecycle in the application. Visibility is transient and never saved. Use newPassword for registration; provider autofill needs device configuration.
View captured React Native example
import { useState } from 'react'
import { LumenPasswordField } from '@santi020k/lumen-react-native'
export function RegistrationPassword() {
const [password, setPassword] = useState('')
return <LumenPasswordField label="Password" value={password} onValueChange={setPassword}
newPassword showLabel="Show password" hideLabel="Hide password" />
}Reference
Public API
The primary shared and platform-specific options exposed by LumenPasswordField.
| API | Values or type | Default | Description |
|---|---|---|---|
| label / value / onValueChange | string / string / (string) => void | Required | Names and controls secure entry. |
| showLabel / hideLabel | string | Show password / Hide password | Names transient visibility actions. |
| newPassword | boolean | false | Selects registration autofill hints. |
| ref / onSubmitEditing / TextInput props | LumenTextInputRef / TextInputProps | undefined | Forwards input focus and native submission events; the host authenticates. |
| description / errorMessage | string | undefined | Provides localized supporting copy or host validation. |
| enabled / readOnly | boolean | true / false | Blocks changes without clearing controlled state. |
Native behavior
Design and accessibility
Accessibility
Preserves password semantics and native autofill hints; labels visibility actions and hides on blur or disabled state.
Shared component