Improve Password implementation

[mertsincan]

We made some improvements and added the following variables;

toggleMask?: boolean;     // Whether to show an icon to display the password as plain text.
appendTo?: any;    // Id of the element or "body" for document where the overlay should be appended to.
header?: any;      // Template of panel header if "feedback" is enabled.
content?: any;     // Template of panel content if "feedback" is enabled.
footer?: any;        // Template of panel footer if "feedback" is enabled.
icon?: any;        // Template of mask icon if "toggleMask" is enabled.
style?: object;        // Inline style of the element.
className?: string;         // Style class of the element.
inputStyle?: object;          // Inline style of the input field.
inputClassName?: string;   // Style class of the input field.

[narayan-fintec]

Please ignore. I am able to use template for 'icon'. Just had to read the 'renderIcon' method in (https://github.com/primefaces/primereact/blob/master/src/components/password/Password.js).

For adding into existing documentation - or for any future folks that may be searching for this, here's how it worked for me:
icon={({ className, onClick }) => (
<i className={className} onClick={onClick} style={{fontSize: "20px"}} />
)}

---

similar to 'inputStyle' - is it possible to pass a custom-style object for the existing icon (ie pi-eye & pi-eye-slash)?

When I pass icon={<i className="pi pi-eye" style={ fontSize: '20px' } />} as the template, this icon is rendered, but the "toggle" functionality no longer works.

I searched for any existing examples of how to use toggleMask template & particularly to see what the template looks like - but found none.