UNPKG

@wordpress/editor

Version:
31 lines (28 loc) 755 B
/** * 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;