Web Components
made easy

true_love

Catalyse your Web Components

Catalyse your Web Components

<hello-world>
<input data-target="hello-world.name" type="text">

<button data-action="click:hello-world#greet">
Greet
</button>

<span data-target="hello-world.output">
</span>
</hello-world>
import { controller, target } from "@github/catalyst"

@controller
class HelloWorldElement extends HTMLElement {
@target name: HTMLElement
@target output: HTMLElement

greet() {
this.output.textContent = `Hello, ${this.name.value}!`
}
}