PasswordInput

Password text field with a visibility toggle to reveal or obscure the entered value.

Examples

A simple password input field.

Toggle visibility of the password with a button.

Shows password strength as you type.

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

import { PasswordInput } from "@rokle/components";

import { PasswordInput } from "@rokle/components";

export function Example() {
  return <PasswordInput />;
}

Prop	Type	Default	Description
value	string	-	Current password value.
onChange	(value: string) => void	-	Called when value changes.
placeholder	string	-	Placeholder text.