gutenberg icon indicating copy to clipboard operation
gutenberg copied to clipboard

Storybook: Organizes components under 'Utilities'

Open mattrwalker opened this issue 1 year ago • 7 comments

What?

This pull request includes changes to update the categorization of several components in the Storybook configuration. The updates involve changing the title and adding an id to better reflect the components' roles as utilities.

Changes to component categorization:

  • packages/components/src/animate/stories/index.story.tsx: Updated title to 'Components/Utilities/Animate' and added id as 'components-animate'.
  • packages/components/src/composite/stories/index.story.tsx: Updated title to 'Components/Utilities/Composite' and added id as 'components-composite'.
  • packages/components/src/disabled/stories/index.story.tsx: Updated title to 'Components/Utilities/Disabled' and added id as 'components-disabled'.
  • packages/components/src/keyboard-shortcuts/stories/index.story.tsx: Updated title to 'Components/Utilities/KeyboardShortcuts' and added id as 'components-keyboardshortcuts'.
  • packages/components/src/sandbox/stories/index.story.tsx: Updated title to 'Components/Utilities/SandBox' and added id as 'components-sandbox'.

Why?

This change is part of the larger Storybook Improvements and the shared Sitemap.

How?

Organizing components in to functional groups helps categorize the content and easier to navigate and understand.

Testing Instructions

  1. npm run storybook:dev
  2. Observe the updated navigation

Screenshot

CleanShot 2024-10-17 at 10 17 04@2x

mattrwalker avatar Oct 17 '24 14:10 mattrwalker