[Documentation] No clear/documented way to use Actions alongside svelte-addon-csf

[kyleshepherd]

There doesn't seem to be a documented way to use Actions alongside svelte-addon-csf.

When using another Story format, you can set actions as shown here.

However, I'm unable to find documentation stating how to replicate this functionality when using the Svelte CSF addon.

Is this currently possible, and if so how do you get it working?

[kyleshepherd]

Found a way to do this, though I'm not sure it's the correct way;

<Meta 
  ...
  argTypes= {{
    ...
    actionName: { action: "actionName" },
  }}
/>

then

<Template let:args>
  <Component on:actionName={args.actionName} /> // `on:` whatever the event you're dispatching is called.
</Template>

An example of this should be added to the docs somewhere

[JReinhold]

There's also an example here that uses a slightly different approach: https://github.com/storybookjs/addon-svelte-csf/blob/main/stories/addon-actions.stories.svelte

But I agree it could be documented better.

[j3rem1e]

Storybook should automatically subscribe to all discovered events for a Svelte Component. but something doesn't work here. probably because of the template proxy.

I'll try to create an issue and fix it.

[shilman]

🚀 Issue was released in v4.0.8 🚀