フォーム v1.0.0

インライン編集

テキスト、テキストエリア、セレクトの各スタイルに対応したクリックで編集可能なインライン編集コンポーネント。 ブラー時の自動保存、オプションのサーバーへのPATCHリクエスト、キーボードショートカットに対応。 Enterで保存（テキスト/セレクト）、Ctrl+Enterで保存（テキストエリア）、Escapeでキャンセル。

テキスト

単一行のインラインテキスト編集

オプション

名前 型 デフォルト 説明
name * String 必須 Field name attribute
value String "" Current display value
url String Optional PATCH URL for auto-save
save_on_blur Boolean true Save when field loses focus
placeholder String "Click to edit" Placeholder text when empty

テキストエリア

複数行のインラインテキスト編集

オプション

名前 型 デフォルト 説明
name * String 必須 Field name attribute
value String "" Current display value
url String Optional PATCH URL for auto-save
save_on_blur Boolean true Save when field loses focus
placeholder String "Click to edit" Placeholder text when empty

セレクト

インラインドロップダウンセレクト編集

オプション

名前 型 デフォルト 説明
name * String 必須 Field name attribute
value String "" Current display value
url String Optional PATCH URL for auto-save
save_on_blur Boolean true Save when field loses focus
placeholder String "Click to edit" Placeholder text when empty
options * Array 必須 Array of hashes with :value and :label keys

変更履歴 v1.0.0

- Initial release with text, textarea, and select styles

フルアクセスを取得

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

今すぐアクセスを取得