This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
stimulus-inline-edit with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
A StimulusJS controller to add inline edit to input fields (Rails-only).
Assuming StimulusJS is already installed. Add the
$ yarn add stimulus-inline-edit
$ npm install stimulus-inline-edit
<p data-controller="inline-edit" data-inline-edit-model="user" data-inline-edit-name="email" data-inline-edit-input-class="input" data-target="inline-edit.source" data-action="click->inline-edit#toggle click@window->inline-edit#close" > <%= @user.email %> </p>
It assumes you add it in a show view (as it uses this URL to
POST/PATCH to), eg.
users_controller#show. You can change
data-inline-edit-name to respectively change the model and its record/field.
data-inline-edit-input-class to add a class to the input field.
Bug reports and pull requests are welcome on GitHub at https://github.com/eelcoj/stimulus-inline-edit.
This package is available as open source under the terms of the MIT License.