diff --git a/ADDONS_SUPPORT.md b/ADDONS_SUPPORT.md index 4b56c6ae8dc7..4ef0304a975e 100644 --- a/ADDONS_SUPPORT.md +++ b/ADDONS_SUPPORT.md @@ -13,6 +13,7 @@ |[knobs](addons/knobs) |+|+|+|+|+| |[links](addons/links) |+|+|+|+| | |[notes](addons/notes) |+| |+|+|+| +|[options](addons/options) |+|+|+|+|+| |[storyshots](addons/storyshots) |+|+|+|+| | |[storysource](addons/storysource)|+| |+|+|+| -|[viewport](addons/viewport) |+| | | | | +|[viewport](addons/viewport) |+| |+| |+| diff --git a/addons/a11y/README.md b/addons/a11y/README.md index 91d051312666..91753e7658a9 100755 --- a/addons/a11y/README.md +++ b/addons/a11y/README.md @@ -2,6 +2,8 @@ This storybook addon can be helpfull to make your UI components more accessibile. +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) + ![](docs/screenshot.png) ## Getting started diff --git a/addons/actions/README.md b/addons/actions/README.md index b7706c71cd5a..4d6d3ea15834 100644 --- a/addons/actions/README.md +++ b/addons/actions/README.md @@ -11,10 +11,7 @@ Storybook Addon Actions can be used to display data received by event handlers in [Storybook](https://storybook.js.org). -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [React Native](https://github.com/storybooks/storybook/tree/master/app/react-native) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue). +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Screenshot](docs/screenshot.png) diff --git a/addons/background/README.md b/addons/background/README.md index fbb60721d432..6137b9ac0a46 100644 --- a/addons/background/README.md +++ b/addons/background/README.md @@ -11,9 +11,7 @@ Storybook Centered Decorator can be used to center components inside the preview in [Storybook](https://storybook.js.org). -This addon works with Storybook for: - -- [React](https://github.com/storybooks/storybook/tree/master/app/react) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![React Storybook Screenshot](https://storybook.js.org/img/addon-backgrounds.gif) diff --git a/addons/centered/README.md b/addons/centered/README.md index 45e7dedde70f..f7298db32882 100644 --- a/addons/centered/README.md +++ b/addons/centered/README.md @@ -11,10 +11,7 @@ Storybook Centered Decorator can be used to center components inside the preview in [Storybook](https://storybook.js.org). -This addon works with Storybook for: - -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ### Usage diff --git a/addons/events/README.md b/addons/events/README.md index 2d472c4eb45e..58c51fc02c48 100644 --- a/addons/events/README.md +++ b/addons/events/README.md @@ -11,6 +11,8 @@ This [storybook](https://storybooks.js.org) ([source](https://github.com/storybooks/storybook)) addon allows you to add events for your stories. +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) + ![Storybook Addon Events Example](docs/demo1.png) [Storybook Addon Events Live Demo](https://z4o4z.github.io/storybook-addon-events/index.html) diff --git a/addons/graphql/README.md b/addons/graphql/README.md index 689bc9e6d224..e530d937e884 100644 --- a/addons/graphql/README.md +++ b/addons/graphql/README.md @@ -11,8 +11,7 @@ Storybook GraphQL Addon can be used to display the GraphiQL IDE with example queries in [Storybook](https://storybook.js.org). -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Screenshot](docs/screenshot.png) diff --git a/addons/info/README.md b/addons/info/README.md index 176eab32b44b..73d67032f3de 100644 --- a/addons/info/README.md +++ b/addons/info/README.md @@ -12,8 +12,7 @@ Storybook Info Addon will show additional information for your stories in [Storybook](https://storybook.js.org). Useful when you want to display usage or other types of documentation alongside your story. -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Screenshot](docs/home-screenshot.png) diff --git a/addons/jest/README.md b/addons/jest/README.md index 940340d2c345..8ea2358927b9 100644 --- a/addons/jest/README.md +++ b/addons/jest/README.md @@ -2,6 +2,8 @@ Brings Jest results in storybook. +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) + [![Storybook Jest Addon Demo](@storybook/addon-jest.gif)](https://storybook-addon-jest-example.herokuapp.com/) > Checkout the above [Live Storybook](https://storybook-addon-jest-example.herokuapp.com/). diff --git a/addons/knobs/README.md b/addons/knobs/README.md index fe9bc9ace715..b181cf7487b7 100644 --- a/addons/knobs/README.md +++ b/addons/knobs/README.md @@ -7,20 +7,12 @@ [![Storybook Slack](https://now-examples-slackin-rrirkqohko.now.sh/badge.svg)](https://now-examples-slackin-rrirkqohko.now.sh/) [![Backers on Open Collective](https://opencollective.com/storybook/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/storybook/sponsors/badge.svg)](#sponsors) -This addon works with Storybook for: -[React](https://github.com/storybooks/storybook/tree/master/app/react). -[React Native](https://github.com/storybooks/storybook/tree/master/app/react-native). -[Vue](https://github.com/storybooks/storybook/tree/master/app/vue). - * * * Storybook Addon Knobs allow you to edit React props dynamically using the Storybook UI. You can also use Knobs as a dynamic variable inside stories in [Storybook](https://storybook.js.org). -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [React Native](https://github.com/storybooks/storybook/tree/master/app/react-native) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) This is how Knobs look like: diff --git a/addons/links/README.md b/addons/links/README.md index 095278097003..4fd95ec68c50 100644 --- a/addons/links/README.md +++ b/addons/links/README.md @@ -11,10 +11,7 @@ The Storybook Links addon can be used to create links that navigate between stories in [Storybook](https://storybook.js.org). -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [React Native](https://github.com/storybooks/storybook/tree/master/app/react-native) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ## Getting Started diff --git a/addons/notes/README.md b/addons/notes/README.md index f4f7b828a20a..767aa945af3b 100644 --- a/addons/notes/README.md +++ b/addons/notes/README.md @@ -11,10 +11,7 @@ Storybook Addon Notes allows you to write notes (text or HTML) for your stories in [Storybook](https://storybook.js.org). -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [React Native](https://github.com/storybooks/storybook/tree/master/app/react-native) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Storybook Addon Notes Demo](docs/demo.png) diff --git a/addons/options/README.md b/addons/options/README.md index 92dcb099570b..e4a12e736346 100644 --- a/addons/options/README.md +++ b/addons/options/README.md @@ -11,10 +11,7 @@ The Options addon can be used to (re-)configure the [Storybook](https://storybook.js.org) UI at runtime. -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [React Native](https://github.com/storybooks/storybook/tree/master/app/react-native) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Screenshot](docs/screenshot.png) diff --git a/addons/storyshots/README.md b/addons/storyshots/README.md index 892272ac19bf..8bd9556c0a7f 100644 --- a/addons/storyshots/README.md +++ b/addons/storyshots/README.md @@ -11,11 +11,7 @@ StoryShots adds automatic Jest Snapshot Testing for [Storybook](https://storybook.js.org/). -This addon works with Storybook for: -- [React](https://github.com/storybooks/storybook/tree/master/app/react) -- [React Native](https://github.com/storybooks/storybook/tree/master/app/react-native) -- [Angular](https://github.com/storybooks/storybook/tree/master/app/angular) -- [Vue](https://github.com/storybooks/storybook/tree/master/app/vue) +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![StoryShots In Action](docs/storyshots-fail.png) diff --git a/addons/storysource/README.md b/addons/storysource/README.md index 57226d05204b..6bea0d95ecb0 100644 --- a/addons/storysource/README.md +++ b/addons/storysource/README.md @@ -1,6 +1,8 @@ # Storybook Storysource Addon -This addon is used to show stories source in the addon panel. +This addon is used to show stories source in the addon panel. + +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Storysource Demo](demo.gif) diff --git a/addons/viewport/README.md b/addons/viewport/README.md index 05aad39ff405..05107e1f1da0 100644 --- a/addons/viewport/README.md +++ b/addons/viewport/README.md @@ -2,7 +2,7 @@ Storybook Viewport Addon allows your stories to be displayed in different sizes and layouts in [Storybook](https://storybookjs.org). This helps build responsive components inside of Storybook. -This addon works with Storybook for: [React](https://github.com/storybooks/storybook/tree/master/app/react) and [Vue](https://github.com/storybooks/storybook/tree/master/app/vue). +[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md) ![Screenshot](https://github.com/storybooks/storybook/blob/master/addons/viewport/docs/viewport.png)