You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If variant is about basic use of component - it should be titled as default.
If variant is too large (has state or needs special styling or imports other component i.e. va-badge-avatar) - it's recommended to move it to separate component, then import it to main story.
Story and Variant are the only components with caps because of Histoire requirements. All other components in template should be kebab-case.
You can add other files you need to stories folder as well.
See histoire docs on Story and Variant for details on customization.
State we'll end up with:
few stories would work with histoire
most stories would work with vue-book (which is the only one deployed on staging)
That's not great, but converting everything at once is too big of a change.
The text was updated successfully, but these errors were encountered:
Stories documentation
We use histoire to develop and test components.
In component folder you'll generally see a structure like this:
Let's see what each of these do.
VaBadge.story.vue
is a main story file of component, there should be only one such file. Here's how it looks inside:default
.va-badge-avatar
) - it's recommended to move it to separate component, then import it to main story.Story
andVariant
are the only components with caps because of Histoire requirements. All other components in template should be kebab-case.stories
folder as well.Story
andVariant
for details on customization.State we'll end up with:
That's not great, but converting everything at once is too big of a change.
The text was updated successfully, but these errors were encountered: