Skip to main content

PasswordInput

The PasswordInput component can be used to hide user input. Always use a PasswordInput when your app asks for sensitive data, such as a password. Users can click on the eye icon to hide or show their data.

OverviewPropertiesUsageChangelog3.14.0

Changes to PasswordInput. The full components changelog also lists package-wide and cross-cutting entries.

3.10.0​

Updates​

Forms​

  • Added onFocus and onBlur props to TextInput, TextArea, NumberInputV2, PasswordInput, SearchInput, Checkbox, Radio, RadioGroup, Switch, ToggleButtonGroup. TextInput, NumberInputV2, PasswordInput, SearchInput, RadioGroup, and ToggleButtonGroup only fire the blur when focus leaves the entire component, not on internal transitions (e.g. tabbing from the input to a suffix button).

3.4.0​

Updates​

General​

  • Behavior tracking attributes are now supported in all button components, including Button, IntentButton, NotifyButton, and RunQueryButton. (APPDEV-16876)
  • The text and icon color tokens for the success on accent button are now correct. (APPDEV-17388)
  • Behavior tracking attributes are now supported in all form components, including Calendar, Checkbox, DateTimePicker, DateTimeRangePicker, FieldSet, FormField, Label, NumberInput, NumberInputV2, PasswordInput, Radio, SearchInput, Select, Switch, TextArea, TextInput, and ToggleButtonGroup. (APPDEV-16882)
  • Behavior tracking attributes are now supported in FilterBar, FilterField, SegmentSelector, and TimeframeSelector. FilterField.Suggestions and TimeframeSelector.Presets now also support behavior tracking attributes. (APPDEV-16881)
  • Added feature flag and css overrides for design tokens for visual refresh. (APPDEV-17223)

Forms​

  • Improved read-only state for form components: TextInput, TextArea, PasswordInput, NumberInput, DateTimePicker, DateTimeRangePicker, Select, Switch, Checkbox, RadioGroup and ToggleButtonGroup. (APPDEV-16539, APPDEV-16540, APPDEV-16542, APPDEV-16543, APPDEV-16544, APPDEV-16545, APPDEV-16546, APPDEV-16547, APPDEV-16548)
  • Default placeholder texts are now shown when no placeholder is explicitly provided. (APPDEV-17048)

3.3.0​

Updates​

  • Added data-dt-properties attribute to the 'Show password' and 'Hide password' buttons.

3.2.0​

Updates​

  • Added data-dt-name attribute to the button for showing and hiding the password. (APPDEV-16671)
Still have questions?
Find answers in the Dynatrace Community