@wordpress/editor
Version:
Enhanced block editor for WordPress posts.
31 lines (28 loc) • 755 B
JavaScript
/**
* WordPress dependencies
*/
import { BlockIcon } from '@wordpress/block-editor';
import { CheckboxControl } from '@wordpress/components';
function BlockTypesChecklist( { blockTypes, value, onItemChange } ) {
return (
<ul className="editor-block-manager__checklist">
{ blockTypes.map( ( blockType ) => (
<li
key={ blockType.name }
className="editor-block-manager__checklist-item"
>
<CheckboxControl
__nextHasNoMarginBottom
label={ blockType.title }
checked={ value.includes( blockType.name ) }
onChange={ ( ...args ) =>
onItemChange( blockType.name, ...args )
}
/>
<BlockIcon icon={ blockType.icon } />
</li>
) ) }
</ul>
);
}
export default BlockTypesChecklist;