Skip to content
This repository has been archived by the owner on Jul 12, 2024. It is now read-only.

Add List and Link components to Storybook #4219

Merged
merged 6 commits into from
Apr 29, 2020
Merged

Conversation

mattsherman
Copy link
Contributor

@mattsherman mattsherman commented Apr 24, 2020

This PR adds the List and Link components to Storybook. It also, by necessity, updates the Storybook webpack configuration to resolve the WooCommerce Admin packages, so that common components are correctly in Storybook.

There are no changes to the actual components in this PR.

This PR is part of the groundwork for creating a QuickLinks component for #4082, which will make use of the List and Link components.

Screenshots

ScreenCapture at Tue Apr 28 15:01:37 EDT 2020

Detailed test instructions:

  • npm run storybook
  • Open up http://localhost:6007/ in your browser
  • Confirm that the following stories are present and functional:
    • WooCommerce Admin / components / Link
      • External
    • WooCommerce Admin / components / List
      • Default
      • Before And After
      • Custom Style

@mattsherman mattsherman marked this pull request as draft April 24, 2020 21:44
@mattsherman mattsherman self-assigned this Apr 24, 2020
@mattsherman mattsherman added status: in progress needs: design The issue requires design input/work from a designer. labels Apr 28, 2020
@mattsherman mattsherman marked this pull request as ready for review April 28, 2020 19:04
@mattsherman mattsherman requested a review from a team April 28, 2020 19:06
Copy link
Contributor

@joshuatf joshuatf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice job, @mattsherman! Code looks solid and great to see some new additions to storybook. 🚢

@@ -20,6 +31,12 @@ module.exports = ( { config: storybookConfig } ) => {

storybookConfig.resolve.alias = wcAdminWebpackConfig.resolve.alias;

wcAdminPackages.forEach( ( name ) => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice 💯

packages/components/src/link/stories/index.js Show resolved Hide resolved
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
focus: components Issues for woocommerce components needs: design The issue requires design input/work from a designer. tool: monorepo infrastructure
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants