Merge pull request #11957 from storybookjs/examples-page

Examples page
This commit is contained in:
jonniebigodes 2020-08-12 22:52:58 +01:00 committed by GitHub
commit 23eefedc95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 44 additions and 0 deletions

View File

@ -8,3 +8,4 @@ If youd like to learn workflows for building app UIs with Storybook, check ou
- [How to write stories](../writing-stories/introduction.md)
- [How to document components and design systems](../writing-docs/introduction.md)
- [View example Storybooks from leading companies](./examples.md)

View File

@ -0,0 +1,38 @@
---
title: 'Example Storybooks'
---
Storybook is the worlds most popular component explorer. It's widely adopted by industry giants, startups, and open source projects alike.
This is a curated list of some of Storybooks that power the largest companies for your inspiration.
## Storybook team
- [Official Storybook](https://next--storybookjs.netlify.app/official-storybook/): Storybook application UI
- [Storybook Design System](https://master--5ccbc373887ca40020446347.chromatic.com/): Reusable components that adhere to Storybook's design language
- [Marketing and docs](https://master--5be26744d2f6250024a9117d.chromatic.com/): Main website that has stories for components and pages.
- [Learn Storybook](https://master--5cf841a3f3e3d200208ffc74.chromatic.com/): Tutorial site that has stories for components and pages.
## Websites
See how to build UIs using a [component driven](https://www.componentdriven.org/) methodology.
- [BBC Psammead](https://bbc.github.io/psammead/?path=/story/components-brand--without-brand-link)
- [The Guardian](https://master--5dfcbf3012392c0020e7140b.chromatic.com)
## Design systems and component libraries
Learn how leading teams build design systems.
- [Workday Canvas](https://workday.github.io/canvas-kit/?path=/story/welcome-getting-started--page)
- [Salesforce Lightning](http://design-system-react-components.herokuapp.com/?path=/story/sldsaccordion--base)
- [IBM Carbon](https://react.carbondesignsystem.com/?path=/story/accordion--accordion)
- [Shopify Polaris](https://master--5d559397bae39100201eedc1.chromatic.com/)
- [Airbnb Dates](http://airbnb.io/react-dates/?path=/story/daterangepicker-drp--default)
- [Lonely Planet](http://lonelyplanet.github.io/backpack-ui/?path=/story/styles--design-tokens)
- [Wix Style](https://www.wix.com/pages/wix-style-react/?path=/story/*)
- [Chakra UI](https://chakra-ui.netlify.app/?path=/story/*)
- [Grommet](https://storybook.grommet.io/?path=/story/all--all)
- [Reaviz](https://reaviz.io/?path=/story/docs-intro--page)
- [ShareGate Orbit](https://orbit.sharegate.design/?path=/docs/getting-started-packages--page)
- [AppNexus Lucid](https://appnexus.github.io/lucid/?path=/docs/documentation-introduction--introduction)

View File

@ -41,6 +41,11 @@ module.exports = {
type: 'bullet-link',
description: 'Take your Storybook skills to the next level',
},
{
title: '📚 Examples',
pathSegment: 'examples',
type: 'link',
},
],
},
{