Is it possible to use Stimulus or other web components libraries?

[vabatta]

Summary

Hi,

I've been trying to setup and work with web-components with a library such as Stimulus or Github Catalyst but I cannot figure out how to make the render. My components will be basically a js class that I need to import in an html template. Any suggestions?

Additional information

No response

Create a reproduction

No response

[danipavic]

I had to resolve the same issue, basically what I had to do was:

• Create a Stimulus controller (I used the basic example from the Stimulus docs)
• Create a Story with a valid HTML
• In your preview.js file do the following:
  • Import Stimulus and controllers you are using
  • Invoke start() and register() functions

import { Application } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
import HelloController from "../src/stories/hello_controller.js";

window.Stimulus = Application.start();

Stimulus.register("hello", HelloController);

Screen.Recording.2024-08-14.at.12.26.24.mov