diff --git a/packages/js/product-editor/changelog/update-product-editor-export-section-actions-component b/packages/js/product-editor/changelog/update-product-editor-export-section-actions-component new file mode 100644 index 00000000000..b97ec2c16fc --- /dev/null +++ b/packages/js/product-editor/changelog/update-product-editor-export-section-actions-component @@ -0,0 +1,4 @@ +Significance: patch +Type: update + +Product Block Editor: expose __experimentalSectionActions component diff --git a/packages/js/product-editor/src/components/block-slot-fill/index.ts b/packages/js/product-editor/src/components/block-slot-fill/index.ts index e663f333f48..5c1dc08b338 100644 --- a/packages/js/product-editor/src/components/block-slot-fill/index.ts +++ b/packages/js/product-editor/src/components/block-slot-fill/index.ts @@ -1,4 +1,4 @@ export * from './block-fill'; export * from './block-slot'; -export * from './section-actions/index'; +export * from './section-actions'; export * from './types'; diff --git a/packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md b/packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md new file mode 100644 index 00000000000..eef630547d9 --- /dev/null +++ b/packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md @@ -0,0 +1,29 @@ +# SectionActions + +`` is a React component designed to be used within blocks in WooCommerce Product Editor, +providing a slot for specific actions related to the section in which it is included. + +## Example + +```jsx +import { __experimentalSectionActions as SectionActions } from '@woocommerce/product-editor' +import { Button } from '@wordpress/components'; +import { __ } from '@wordpress/i18n'; + +function CustomProductBlockEdit() { + return ( + <> + + + + + + + ); +} +``` diff --git a/packages/js/product-editor/src/components/index.ts b/packages/js/product-editor/src/components/index.ts index bc35d3bb8c9..a241fdbda37 100644 --- a/packages/js/product-editor/src/components/index.ts +++ b/packages/js/product-editor/src/components/index.ts @@ -63,6 +63,7 @@ export { export { BlockFill as __experimentalBlockFill, BlockSlot as __experimentalBlockSlot, + SectionActions as __experimentalSectionActions, BlockFillProps, BlockSlotProps, } from './block-slot-fill';