Skip to Content
ComponentsInputPasswordInput

PasswordInput

A masked TextInput with a reveal toggle. Accepts all native <input> attributes.

import { PasswordInput } from '@gg-software/ui'; <PasswordInput placeholder="Password" /> <PasswordInput placeholder="No toggle" visibilityToggle={false} />

Props

PropTypeDefaultDescription
prefixReactNodecontent rendered inside the input, before the text (e.g. an icon)
childrenReactNodecontent rendered inside the component
status"warning" | "error"validation state styling
stepstring | number1amount added/removed per step or arrow key (default 1)
size"sm" | "md" | "lg"
maxstring | number
minstring | number
visibilityTogglebooleantrueshow the reveal (show/hide) toggle button (default true)

* required · generated from packages/ui/src/input/PasswordInput/PasswordInput.tsx