Sprinkle your with , target, and action attributes:

<!--HTML from anywhere-->
<div -controller="hello">
<input data-target="" type="">

<button data-action="click->hello#greet">

<span data-target="hello.output">

Write a compatible controller and watch Stimulus bring it to life:

// hello_controller.js
import { Controller } from "stimulus"

export default class extends Controller {
static targets = [ "name", "output" ]

greet() {
this.outputTarget.textContent =
`Hello, ${this.nameTarget.value}!`

Current : 1.0.1 — released February 02, 2018

Stimulus is a with ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine. Stimulus pairs beautifully with Turbolinks to provide a complete solution for fast, compelling applications with a minimal amount of effort.

Source link


Please enter your comment!
Please enter your name here