Note

This documentation describes the InputPassword Vue component for native UI views, for Xml templates see textbox with type="password".

InputPassword

A password field with optional reveal toggle. Backed by PrimeVue Password (without strength meter).

Import

import { InputPassword } from '@neos/design-system'

Props

Inherits all shared input props, plus:

Prop	Type	Default	Description
modelValue	string \| null	null	Bound password value (v-model)
updateMode	'default' \| 'immediate'	'default'	'default' updates on blur/enter; 'immediate' on every keystroke
revealable	boolean	true	Show the show/hide toggle button

Emits

Event	Payload	Description
update:modelValue	string \| null	Value change
aiApply / aiCancel	—	AI suggestion events
update:focused	boolean	Focus state change

Usage Examples

Standard password field

<InputPassword v-model="password" label="Password" />

Without reveal button

<InputPassword v-model="password" label="Password" :revealable="false" />

Login form

<VerticalLayout space="medium">
  <Textbox v-model="username" label="Username" />
  <InputPassword v-model="password" label="Password" />
  <ButtonsLayout>
    <button label="Sign In" variant="primary" type="submit" @click="login" />
  </ButtonsLayout>
</VerticalLayout>