Storybook integration first draft (component playground)

[beth-panx]

PR Type

Feature

Description of the changes

Created a storybook to showcase components. This allows users to interact with components by tweaking 'knobs' in UI and see live changes. Enables accessibility check with A11y. Provides code snippet for popular scenarios.

PR checklist

• Project builds (npm run build) and changes have been tested in supported browsers (including IE11)
• All public classes and methods have been documented (😎code does not touch main repo)
• Added appropriate documentation (😎code does not touch main repo)
• License header has been added to all new source files (npm run setLicense)
• Contains NO breaking changes

Other information

This is an early stage for storybook. Still in the process of gathering feedback and making changes. 🌚

[shweaver-MSFT]

This is super cool! Storybook is a nifty piece of tech 😊

I noticed the mgt-login and mgt-people didn't work for me though. The console shows an error:
TypeError: Cannot read property 'api' of undefined

Is this expected?

[beth-panx]

This is super cool! Storybook is a nifty piece of tech 😊

I noticed the mgt-login and mgt-people didn't work for me though. The console shows an error:
TypeError: Cannot read property 'api' of undefined

Is this expected?

No it's not expected. I see now that there are some problems in IE11 as well. Let me take a look.

[beth-panx]

@shweaver-MSFT can you try again in Edge?
FYI - I am aware there is loading problem in IE11 as it seems like a SB issue and it's filed here.

[nmetulev]

Looking great for a per-release. Things to do before merging:

• disable sign in until fixed in toolkit
• create a new client id to be used only for storybook
• in docs tab, change 'props' to 'properties'

[shweaver-MSFT]

@beth-panx I ran through the sample again and it works great!

[beth-panx]

PR to update 'props' to 'properties' is created here.

[nmetulev]

🎆 🍾