フォーム v1.0.0

パスワード入力

表示切り替え、強度メーター、要件チェックリストを備えたパスワード入力。 目のアイコンでパスワードの表示/非表示を切り替え、オプションの色分け強度バー、 リアルタイムで更新される要件チェックリストを備えています。

プレビュー & コード

オプション

名前 型 デフォルト 説明
form FormBuilder nil Rails form builder object (for form builder mode)
attribute Symbol nil Model attribute name (for form builder mode)
name String nil Input name attribute (for standalone mode)
value String nil Input value (for standalone mode)
label String nil Label text displayed above the input
placeholder String "Enter password" Placeholder text
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
size Symbol :md Input size: :sm, :md, or :lg
error String nil Error message displayed below the input
strength_meter Boolean false Show password strength meter below the input
show_requirements Boolean false Show password requirements checklist

変更履歴 v1.0.0

- v1.0.0: Initial release with visibility toggle, strength meter, and requirements checklist
- Eye icon toggle between password and text input types
- Strength meter with 4 levels: weak (red), fair (amber), good (blue), strong (emerald)
- Requirements checklist: length, uppercase, lowercase, number, special character
- Form builder and standalone modes
- Three sizes: sm, md, lg
- Dark mode support

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得