Components · Form & Input

Password Input

StableSince v0.0.1

A password field with a built-in toggle to reveal or hide the entered value.

import { PasswordInput } from '@nexub/react';

Examples

Props
Prop	Type	Default	Description
placeholder	string	—	Placeholder text shown when the field is empty.
invalid	boolean	—	Applies error styling to indicate a validation failure.
disabled	boolean	—	Disables the input.
size	'sm' \| 'md' \| 'lg'	—	Controls font size and padding.

@nexub/react-nativeAlpha

import { PasswordInput } from '@nexub/react-native';

<PasswordInput label="Password" />

Same tokens and prop names. Where the platforms differ:

Password Input: web vs mobile
	Web	iOS & Android
Autofill	`autocomplete="current-password"`.	Sets the platform password autofill hints (iOS Keychain, Android Autofill).

Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.