# Password ## Examples ### Default ```html ``` ### WithError ```html ``` ### WithHint ```html ``` ### Required ```html ``` ### Disabled ```html ``` ### FullWidth ```html ``` ### WithLongText ```html ``` ### WithLongTextHorizontal ```html ``` ### States ```html

``` ## Usage **Use a Password Input to:** - Collect secure user credentials for logging in or creating an account. - Allow users to set or update passwords in profile settings. - Ensure password confidentiality by masking input characters. **Do not use a Password Input to:** - Collect non-sensitive information (use a standard input field instead). - Display static passwords (use a readonly text field with obfuscation if needed). - Auto-fill passwords without user consent (browser-managed password storage should be leveraged instead). ## Other Considerations - Provide a clear label (e.g., "Enter Password") and do not rely solely on placeholders. - Add password policies as a hint text (e.g., minimum length, special characters, case sensitivity). - Use error messages for invalid passwords (e.g., "Password must be at least 8 characters"). ## Design Rationale - Enhances security by masking password. - Balances accessibility and security by giving users control over password visibility. - Improves usability with visibility toggle.