1765634 - Provide component examples for development in a Storybook

Status: RESOLVED FIXED

(Firefox :: General, task, P3)

Description

[Mark Striemer [:mstriemer]]

It would be nice to list our UI elements that are available for easily modifying and developing them but also for listing what reusable components are available for developers to pick up and use right away.

Storybook is a tool to display a component library, I propose that we add a local-development version of storybook as the initial step. Later we can look to see about exposing our component library in an about: page or something for easier reference another time.

Comment 1

[Mark Striemer [:mstriemer]]

Attachment: Bug 1765634 - Simple Storybook for local development r?mconley,hjones

This provides a basic Storybook set up for us to develop with
Storybook locally.

Quick start (MacOS, Linux, WSL):
./mach npm --prefix=browser/components/storybook install
./mach npm --prefix=browser/components/storybook run storybook

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/5c06e2e2096d
Simple Storybook for local development r=mconley,hjones

Comment 3

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/5c06e2e2096d

Comment 4

[Mark Striemer [:mstriemer]]

Attachment: Bug 1765634 - Followup: Add start-storybook for Windows support r?Gijs

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/9a81748a55d0
Followup: Add start-storybook for Windows support r=jaws

Comment 6

[Andreea Pavel [:apavel]]

https://hg.mozilla.org/mozilla-central/rev/9a81748a55d0