Untitled

 avatar
unknown
plain_text
10 months ago
2.9 kB
7
Indexable
The Password component in PrimeReact is used for password input fields with additional features like visibility toggle, feedback messages, and strength indicators.

Here are the props available for the Password component:

1. id
Type: string
Description: Unique identifier for the component.
2. inputId
Type: string
Description: The id attribute for the input element.
3. value
Type: any
Description: Value of the component.
4. onChange
Type: function
Description: Callback to invoke when the value changes.
5. onInput
Type: function
Description: Callback to invoke while typing.
6. toggleMask
Type: boolean
Description: Whether to show an icon to toggle password visibility.
7. feedback
Type: boolean
Description: Whether to display a strength indicator or not.
8. promptLabel
Type: string
Description: Text for prompt when the field is empty.
9. weakLabel
Type: string
Description: Label for a weak password.
10. mediumLabel
Type: string
Description: Label for a medium-strength password.
11. strongLabel
Type: string
Description: Label for a strong password.
12. mediumRegex
Type: string
Description: Regex for a medium-strength password.
13. strongRegex
Type: string
Description: Regex for a strong password.
14. inputStyle
Type: object
Description: Inline style of the input field.
15. inputClassName
Type: string
Description: Style class of the input field.
16. toggleMaskIcon
Type: ReactNode
Description: Custom icon for toggling password visibility.
17. header
Type: ReactNode
Description: Content to display at the top of the strength indicator panel.
18. footer
Type: ReactNode
Description: Content to display at the bottom of the strength indicator panel.
19. showIcon
Type: boolean
Description: Displays an eye icon to show/hide password.
20. maxLength
Type: number
Description: Maximum number of characters allowed in the input field.
21. ariaLabel
Type: string
Description: Used for accessibility purposes to describe the input element.
22. ariaLabelledBy
Type: string
Description: Used to specify an ID that labels the input.
23. placeholder
Type: string
Description: Placeholder text for the input field.
24. disabled
Type: boolean
Description: Disables the input field.
25. required
Type: boolean
Description: Marks the field as required.
26. tabIndex
Type: number
Description: Defines the tab order for the input.
27. autoComplete
Type: string
Description: Sets the autocomplete behavior.
28. autoFocus
Type: boolean
Description: Focus the input field when the page loads.
29. pattern
Type: string
Description: Pattern for input validation using regular expressions.
30. onFocus
Type: function
Description: Callback function when the input gains focus.
31. onBlur
Type: function
Description: Callback function when the input loses focus.
32. style
Type: object
Description: Inline style for the component.
33. className
Type: string
Description: CSS class for the component.
Editor is loading...
Leave a Comment