パスワード入力PasswordInput
Experimental

パスワードの表示・非表示を切り替えられる入力欄です。

状態とバリエーション

初期状態では値を伏せて表示します。

パスワード

右端のボタンで入力内容の表示・非表示を切り替えます。

必要に応じて、外部の状態から表示・非表示を制御できます。

パスワード

右端のボタンで入力内容の表示・非表示を切り替えます。

変更できない理由はツールチップと補足文で伝えます。

パスワード

右端のボタンで入力内容の表示・非表示を切り替えます。

表は横にスクロールできます

プロパティ	型	初期値	説明
show	boolean	-	表示・非表示の状態を外部から制御する場合に使います。
onShowChange	(show: boolean) => void	-	表示切替ボタンが押された時に呼ばれます。
showLabel	string	'Show password'	パスワードを表示するボタンの支援技術向けラベルです。
hideLabel	string	'Hide password'	パスワードを隠すボタンの支援技術向けラベルです。
...rest	InputHTMLAttributes	-	`type` 以外の、入力欄に渡せる標準属性を指定できます。