Forms v1.0.0

Inline Edit

Click-to-edit inline editing component with text, textarea, and select styles. Supports auto-save on blur, optional PATCH to server, and keyboard shortcuts. Enter to save (text/select), Ctrl+Enter to save (textarea), Escape to cancel.

Text

Single-line inline text editing

Options

Name Type Default Description
name * String required 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

Textarea

Multi-line inline text editing

Options

Name Type Default Description
name * String required 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

Select

Inline dropdown select editing

Options

Name Type Default Description
name * String required 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 required Array of hashes with :value and :label keys

Changelog v1.0.0

- Initial release with text, textarea, and select styles

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now