Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Storybook: Add and Update Block Editor Components stories #67165

Open
miminari opened this issue Nov 20, 2024 · 0 comments
Open

Storybook: Add and Update Block Editor Components stories #67165

miminari opened this issue Nov 20, 2024 · 0 comments
Labels
Good First Issue An issue that's suitable for someone looking to contribute for the first time Storybook Storybook and its stories for components [Type] Developer Documentation Documentation for developers [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues.

Comments

@miminari
Copy link
Member

miminari commented Nov 20, 2024

What problem does this address?

Most of Block Editor components don't have stories.
Block Editor components's Storybook should also be added and updated like the Components.
related #22891

What is your proposed solution?

We can use this issue to track the addition and updating of the stories for Block Editor.
You can add the link to assign yourself to each component.
As I know, Block Editor Components list has never existed, so at first, we can start to be based on the directory name.
The list was made automatically, and we can ignore the component for native only.

cc @WordPress/gutenberg-components

Block Editor Components directories List

  • alignment-control Storybook: Add stories for AlignmentToolbar and AlignmentControl components #67046
  • audio-player (for native only)
  • autocomplete (BlockEditorAutocomplete based on Autocomplete from @wordpress/components. Pending until the Autocomplete component's stories are made.)
  • background-image-control/BackgroundImagePanel Add story for BackgroundImagePanel #67184
  • block-actions
  • block-alignment-control Storybook: Add stories for BlockAlignmentControl and BlockAlignmentToolbar components #67233
  • block-alignment-matrix-control
  • block-breadcrumb
  • block-canvas
  • block-caption
  • block-card Storybook: Add stories for BlockCard component #67191
  • block-compare
  • block-content-overlay
  • block-context
  • block-controls
  • block-draggable
  • block-edit
  • block-edit-visually-button
  • block-editing-mode
  • block-full-height-alignment-control Add Storybook story for BlockFullHeightAlignmentControl #67227
  • block-heading-level-dropdown
  • block-icon Add BlockIcon Storybook stories #67186
  • block-info-slot-fill
  • block-inspector
  • block-list
  • block-list-appender
  • block-lock
  • block-media-update-progress
  • block-mover Update BlockMover Stories and README #66519
  • block-navigation
  • block-parent-selector
  • block-pattern-setup
  • block-patterns-list
  • block-patterns-paging
  • block-popover
  • block-preview
  • block-quick-navigation
  • block-removal-warning-modal
  • block-rename
  • block-selection-clearer
  • block-settings
  • block-settings-menu
  • block-settings-menu-controls
  • block-styles
  • block-switcher
  • block-title Storybook: Add stories for BlockTitle Component #67234
  • block-toolbar
  • block-tools
  • block-types-list
  • block-variation-picker
  • block-variation-transforms
  • block-vertical-alignment-control
  • border-radius-control
  • button-block-appender
  • caption
  • child-layout-control
  • collab
  • color-palette
  • color-style-selector
  • colors
  • colors-gradients
  • content-lock
  • contrast-checker
  • convert-to-group-buttons
  • copy-handler
  • date-format-picker
  • default-block-appender
  • dimensions-tool
  • duotone
  • duotone-control
  • editable-text
  • editor-styles
  • floating-toolbar
  • font-appearance-control
  • font-family
  • font-sizes
  • global-styles
  • gradients
  • grid
  • height-control
  • iframe
  • image-editor
  • image-link-destinations
  • image-size-control
  • index.js
  • index.native.js
  • inner-blocks
  • inserter
  • inserter-button
  • inserter-draggable-blocks
  • inserter-list-item
  • inserter-listbox
  • inserter-menu-extension
  • inspector-controls
  • inspector-controls-tabs
  • inspector-popover-header
  • justify-content-control
  • keyboard-shortcuts
  • letter-spacing-control
  • line-height-control
  • link-control
  • list-view
  • media-placeholder
  • media-replace-flow
  • media-upload
  • media-upload-progress
  • multi-selection-inspector
  • navigable-toolbar
  • observe-typing
  • panel-color-settings
  • plain-text
  • preview-options
  • provider
  • publish-date-time-picker
  • recursion-provider
  • resizable-box-popover
  • resolution-tool
  • responsive-block-control
  • rich-text
  • selection-scroll-into-view
  • skip-to-selected-block
  • spacing-sizes-control
  • tabbed-sidebar
  • text-alignment-control
  • text-decoration-control
  • text-transform-control
  • tool-selector
  • typewriter
  • ungroup-button
  • unit-control
  • unsupported-block-details
  • url-input
  • url-popover
  • use-block-commands
  • use-block-display-information
  • use-block-drop-zone
  • use-flash-editable-blocks
  • use-moving-animation
  • use-on-block-drop
  • use-paste-styles
  • use-resize-canvas
  • use-settings
  • use-unsupported-block-editor
  • video-player
  • warning
  • writing-flow
  • writing-mode-control
@miminari miminari added [Type] Developer Documentation Documentation for developers [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues. Storybook Storybook and its stories for components labels Nov 20, 2024
@miminari miminari added the Good First Issue An issue that's suitable for someone looking to contribute for the first time label Nov 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Good First Issue An issue that's suitable for someone looking to contribute for the first time Storybook Storybook and its stories for components [Type] Developer Documentation Documentation for developers [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues.
Projects
None yet
Development

No branches or pull requests

1 participant