Skip to Content
✨ QuickCode UI keeps growing! More components, more features, and more ways to make your projects shine. Stay tuned & maybe… hire me or sponsor me 😉 
DocumentationPasswordInput

PasswordInput

A password input field with a toggle button to show or hide the password text.

Install Dependencies

npx
quickcode-ui add PasswordInput

Example

Default Example

Props

PropTypeDefaultDescription
classNamestringAdditional CSS classes for the input element
placeholderstringPlaceholder text for the input
disabledbooleanfalseWhether the input is disabled
valuestringControlled input value
onChange(e: React.ChangeEvent<HTMLInputElement>) => voidChange event handler
idstringHTML id attribute for label association
…propsInputPropsAll other native input props except type
Last updated on