Storybook

Storybook - The component playground (mgt.dev)

Microsoft Graph Toolkit utilizes a well-supported open source community project Storybook to showcase components and examples.

Storybook UI

// todo

Left nav

Main (Canvas)

Code editor

Addons

Docs

Writing stories

All component stories live in ./stories/components directory.

Each component's stories are defined in a story file. For example, mgt-agenda component has corresponding agenda.stories.js in the stories directory. Generally, we use stories to showcase unique functionalities or configurations. These stories serve as mini samples ready to be copied and utilized by others.

Run storybook locally