Page MenuHomePhabricator

Set up storybook
Closed, ResolvedPublic

Description

As an initial step to present our component, we will include it in a newly created storybook. In order to avoid complexity, this storybook will initially be set up for HTML components only (no JS Framework):

https://storybook.js.org/docs/guides/guide-html/

Event Timeline

Unfortunately, Storybooks support for html snippets is not quite fully mature yet. After a discussion yesterday, we have decided to revert to vue components, with the possibly to explore a way to document html snippets later.

After further research and trials, it appears as though the problem that existed with HTML snippets, exists with Vue snippets as well. Therefore, we will proceed with a simple html component pattern library. See PR for details: https://github.com/wmde/design-system-components/pull/1

For the trial with Vue, see thre following repo: https://github.com/itamargiv/wikit-vue (It will be moved to thew WMDE organization in github, when the need arises)