Implement Panel Color Inspector Control in Gutenberg

Many wp.blocks.* controls have been moved to wp.editor.* (see release notes).

Specifically wp.blocks.InspectorControls is now wp.editor.InspectorControls – you’ll need to change the first line of your code.

Note: registerBlockType is still imported from wp.blocks.* iirc.

As a side note, I’ve also found that the focus && trick no longer required as GB automatically displays the InspectorControls when the block is focused.

Related Posts:

  1. Where can I find the Gutenberg block icons?
  2. How to trigger JS in gutenberg page load
  3. Gutenberg: Block validation failed
  4. Set fullscreen mode by default
  5. Change order/position of Gutenberg inspector control panel
  6. Gutenberg Inspector Controls
  7. Add Formatting Buttons to Gutenberg core/paragraph BlockControls
  8. All post types with getEntityRecords
  9. How to disallow a certain custom gutenberg block outside of an InnerBlocks block?
  10. How should you internationalize javascript spread in multiple files but build in one?
  11. Gutenberg withInstanceId. When to use it?
  12. Wrapping Gutenberg Blocks with a div/section/article
  13. How to access parent block’s attributes in nested block’s save function?
  14. Gutenberg Default attributes are empty
  15. Group block without inner wrapper
  16. Gutenberg InnerBlocks predefined block supports
  17. How to stop Gutenberg injecting inline font styles
  18. How to get Gutenberg Gallery Block to output thumbnail images?
  19. Change list of allowed headline levels in Gutenberg
  20. srcset attribute in Gutenberg gallery blocks
  21. How can I add arbitrary `data-` attributes to a block’s `edit()` container?
  22. Gutenburg InnerBlock single child
  23. WordPress-gutenberg – Block validation: Expected text
  24. Does `viewScript` in `block.json` actually enqueue a js file?
  25. 404 in gutenberg autosave of a Custom Post Type with custom rest_namespace
  26. Notices in the Block Editor with multiple lines
  27. Replication of core column block produces different markup
  28. How to change the Default block in the block-editor away from the paragraph block?
  29. Import external data into post using custom Gutenberg block
  30. Create RangeControl in gutenberg Block
  31. Where are the layout defaults in Twenty Twenty Two coming from?
  32. How to Disable auto id attributes in Heading tag?
  33. Gutenberg: how to hide server side render output in the editor but keep it in frontend?
  34. How to Get a List of Formats of a Block?
  35. Remove a plugin from the Gutenberg sidebar
  36. Gutenberg how to save to post meta?
  37. How to get current post id in Gutenberg Block save function?
  38. Gutenberg: dynamic block ToggleControl error in saving
  39. How to limit the selection of the first level block in Gutenberg editor
  40. disable gutemberg welcome message
  41. props.setAttributes results in “Maximum update depth exceeded.”
  42. How can I programmatically select a Gutenberg block?
  43. Clipboard processing in Gutenburg
  44. Block editor fails to update HTML section when the word “from” is in source code
  45. Gutenberg: Dynamic rendering of RichText
  46. Block Controls not showing
  47. Gutenberg and FSE: How to exclude a block from full site editing
  48. Disable only one Gutenberg block programatically / coblock/maps not listed in blocks
  49. How to select block variation from BlockVariationPicker
  50. WordPress Full Site Editing: How can I access my posts listing page?
  51. Editable button with RichText for Gutenberg custom block
  52. How Do I Prevent An Image From Automatically Adjusting In Guttenberg Block Gallery?
  53. How to reload data stored for a sever side gutenberg block in the editor
  54. Using wp_set_script_translations without manually registering the script
  55. Is it possible to disable font sizes on sub blocks only?
  56. How to remove the old “Custom CSS” from customizer after the theme has been migrated to Gutenberg FSE
  57. Why am I getting the error: Cannot update a component (`Unknown`) while rendering a different component (`Edit`)?
  58. Update number of posts when attribute changed
  59. Connect WordPress and react front-end
  60. Gutenberg editor auto remove wrapping tags like
  61. Setting fontSize within core/heading
  62. Unable to edit server side rendered block
  63. WordPress Dynamic Block with multiple checkboxes
  64. Embedded block editor in block editor
  65. useSelect in block Edit always returns default store value
  66. Count Gutenberg blocks on the front-end?
  67. How to call a react hook on edit of registerBlockType?
  68. Video Block does not autoplay
  69. Why does the paragraph block automatically add class?
  70. How can I block embeds and show an individual preview image per block?
  71. add arrow icon next to read more link on latest posts gutenberg block
  72. Create a trailing block with programatically generated Gutenberg columns
  73. How to make attributes unique to Gutenberg blocks
  74. How to check title is being entered in Title Case?
  75. Gutenberg link of internal page not showing
  76. How do I trigger the sidebar reveal for my sidebar plugin in the Gutenberg editor?
  77. Create Gutenburg Block to render inline SVG
  78. Block editor not displaying properly
  79. Gutenberg blocks not full width
  80. WordPress custom block compatability with WPML
  81. How to extend the URLPopover render settings for the paragraph Gutenberg block?
  82. Custom Image Gutenberg Block With Caption
  83. How to make a block similar to another block
  84. Component toggle not toggling
  85. Gutenberg: How to enqueue scripts conditionally in render_callback by checking for an attribute?
  86. How can I reintroduce autocompletion of Gutenberg components in Visual Code?
  87. Blocks – any way to have editor honor width percentages on child blocks?
  88. Using `esc_attr( get_block_wrapper_attributes() )`, results in `class=””wp-block-foo””`
  89. How to condition appearance of a gutenberg block via wp_is_mobile
  90. Can I strip WordPress classes from blocks?
  91. How to list all registered blocks
  92. How to automatically reload style variant .json?
  93. Strange behavior of blocks in the editor
  94. Block editor not loading with rest api custom code
  95. In Full Site Editing, how do I get the templates I created to appear in the site editor when populating a new page?
  96. Dynamically add table of contents and add anchor based on heading innerHTML
  97. How to defer block.json scripts?
  98. Block validation: Block validation failed – Custom WordPress Gutenberg Block Fails In Editor when reloaded
  99. How can I prevent a user from selecting exactly one of two (not both or none) categories on a post?
  100. How to add a tooltip for MediaReplaceFlow from @wordpress/block-editor

Leave a Comment