Migrating to Storybook 8 (vue3-vite), how to connect controls to custom render template components? #26962
Unanswered
SmilingJoe
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Summary
Using the latest Storybook 8 with
@storybook/vue3-vite
framework. In the process of upgrading from an extensive Storybook 5 / Vue 2 implementation.Several of our SB5 implementations make use of custom render templates. I am having trouble figuring out how to connect the SB8 component adjustment controls, to the components in the custom render template.
For example, using the base
Button.vue
tutorial component that comes installed, this story example is an attempt to connect the "size" adjustment control, into a custom render template component, but it doesn't work, generating the Vue warning message[Vue warn]: Property "size" was accessed during render but is not defined on instance.
How can I connect up the component adjustment controls to the storied component?
Additional information
Storybook Version: ^8.0.8
My
.storybook/main.js
file:Create a reproduction
https://stackblitz.com/edit/github-pgdwht?file=src%2Fstories%2FMyButton.stories.js
Beta Was this translation helpful? Give feedback.
All reactions