Component

Password Input

Password field with a visibility toggle. Obscured by default, and toggling never clears the value.

Basic

With icon slot

startSlot places content before the text; the visibility toggle keeps the end.

Sizes

The same sm / md / lg scale as Input.

Clearable

clearable adds a clear button after the visibility toggle once there is a value.

Inside a FormField

Password

Use a passphrase you have not used elsewhere.

States

The toggle is a real button with an accessible name that flips between Show and Hide password

API reference

Prop	Type	Default	Description
clearable	boolean	None	Shows an unboxed "X" button once there is a value. Sets the DOM value and fires a native `input` event, so `onChange` sees it whether controlled or not. Coexists with `endSlot`.
invalid	boolean	None	Manually flags the invalid visual/aria state for standalone use outside a FormField.
size	ComponentSize	None	Control height and padding, matching `Button` at the same value.
startSlot	React.ReactNode	None	Content rendered inside the field, before the text (icon, currency symbol).

clearableNone

boolean

Shows an unboxed "X" button once there is a value. Sets the DOM value and fires a native `input` event, so `onChange` sees it whether controlled or not. Coexists with `endSlot`.

invalidNone

boolean

Manually flags the invalid visual/aria state for standalone use outside a FormField.

sizeNone

ComponentSize

Control height and padding, matching `Button` at the same value.

startSlotNone

React.ReactNode

Content rendered inside the field, before the text (icon, currency symbol).

Also accepts everything from Omit<InputProps, "type" | "endSlot">.

Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent