Form Password Input

Password input with a toggle that shows or hides the entered value.

Installation

bash

pnpm dlx shadcn@latest add @cs/form-password-input

tsx

import { FormPasswordInput } from "@/components/cs/form-password-input"

tsx

<FormPasswordInput name="password" />

Password input with a toggle that shows or hides the entered value.

Name	Type	Default	Description
hideLabel	string	"Passwort verbergen"	Accessible label for the hide-password control.
icon	ReactNode	<Lock />	Icon displayed inside the input on the left.
inputClassName	string \| undefined	-	Additional classes applied to the native input control.
label	ReactNode	-	Field label and fallback placeholder.
name *	string	-	Form field name used for submission and validation errors.
orientation	"vertical" \| "horizontal" \| "responsive" \| null \| undefined	-	Layout of the field label and input control.
showLabel	string	"Passwort anzeigen"	Accessible label for the show-password control.