How to move custom gutenberg block controls from settings to styles tab?

Set the group property of InspectorControls to styles:

<InspectorControls group="styles">
    // etc.
</InspectorControls>

The other possible groups are described in this article.

Related Posts:

  1. lodash dependency in a Gutenberg plugin
  2. creating elements/innerblocks via rangecontrol
  3. Looking for callback function after Gutenberg is rendered?
  4. Gutenberg: useDispatch is not a function – @wordpress/data included
  5. Make a list with header and subtext in Gutenberg blocks
  6. Gutenberg – What is the best way to save/update post meta?
  7. How to prevent UNDO on guternberg block editor
  8. Do I have to worry about useState causing a re-render?
  9. Creating a custom Gutenberg block with columns
  10. Gutenberg: import dependency or assign from global variable?
  11. How to control an elements classes from multiple Gutenberg sidebar controls?
  12. Developing the save function in Gutenberg blocks
  13. Gutenberg – is it ok to load dependencies multiple times?
  14. Preventing double loading JS scripts (like React) when developing for Gutenberg
  15. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  16. Trigger function on Remove block or add new block in Gutenberg JavaScript
  17. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  18. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  19. What happens/fires when you select a block in the editor?
  20. Is “document loaded” different on admin side than public side?
  21. How to use setAttributes outside of the edit function return
  22. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  23. Reading plugin settings in esnext wordpress block
  24. How can i add insertion point between inner blocks in my custom block like core blocks
  25. Reinitiate Gutenburg’s blocks using javascript
  26. Insert text programmatically in WordPress Gutenberg Editor
  27. Javascript function defined in view.js not reachable from save.js
  28. Is it possible to reuse wp.media.editor Modal for dialogs other than media
  29. check if Gutenberg is currently in use
  30. How to use PanelColorSettings in custom Gutenberg block?
  31. How to provide translations for a WordPress TinyMCE plugin?
  32. Hook the Keydown Event in the TinyMCE Post Editor
  33. How to save block attributes when the output doesn’t change
  34. How to remove unwanted panels inside InspectorControls from core blocks in Gutenberg
  35. Gutenberg ServerSideRender is deprecated, how to work with new wp.serverSideRender component?
  36. Create Element From Dynamic HTML String [closed]
  37. How to Parse an Array of Elements in Gutenberg Block
  38. Can’t get JS code to work with shortcode
  39. Using the component outside the editor. select(‘core’) is null
  40. Gutenberg is there a way to know if the current block is reusable?
  41. How to allow core Gutenberg blocks selection only when you are inside a custom inner block
  42. How do I add a javascript file to all admin pages via a plugin?
  43. Saving data from block editor to the database
  44. How do I store information in a dynamic block in WordPress?
  45. How to create multiple Gutenberg blocks in one plugin
  46. How to get color name in PanelColorSettings in custom Gutenberg block?
  47. Gutenberg Block showing invalid content on edit
  48. Gutenberg blocks not getting styled on back end
  49. WordPress Plugin with a shortcode that dynamically generates javascript. Can I use add_action without wrapping the javascript in a function?
  50. How to setAttributes in Gutenberg block?
  51. Best way to save custom css for an block
  52. How can I listen to events in Gutenberg block?
  53. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  54. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  55. WP Gutenberg Blocks – How to limit first/root blocks
  56. “import declarations may only appear at top level of a module” when importing WooCommerce API node module
  57. add javascript files only when plugin is called?
  58. Gutenberg table block with Bootstrap .table class
  59. How can I avoid conflicts between plugin and theme?
  60. How should I go about registering JavaScript that isn’t a file? [duplicate]
  61. How to add a gradient component to a custom block
  62. Additional classes `undefined` after saving post in Gutenberg
  63. How do you submit a Gutenberg plugin?
  64. Translate javascript with WordPress built-in localization API for static strings
  65. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  66. Insert Into Post Not Working For Audio File Using jQuery
  67. How to properly package a block plugin
  68. Modify custom block plugin without losing content
  69. How to override supports of innerBlocks?
  70. wp.media libary pdf type
  71. When setting styles to an extended block that was saved as a pattern, it doesn’t remove the style that was there
  72. Query String Filtering API
  73. How to extend SelectControl with data from my theme
  74. extraprops override existing props
  75. Multiple TinyMCE on button click is initialized and appended but why only last one is writeable?
  76. Gutenberg block breaks when showing new data
  77. converting a node.js project into a wp plugin
  78. How to re-render inspector controls?
  79. Where to save Gutenberg plugin data?
  80. Load script on frontend from widget plugin
  81. Gutenberg component in a plugin admin
  82. Append php file to footer
  83. How to integrate plugins into block editor
  84. Add custom html classes to gutenberg wrapper
  85. How to create save function for custom Gutenberg style block?
  86. Using JavaScript in WordPress page to call for server data using AJAX
  87. Filterable posts using categories
  88. Gutenberg and custom blocks messed up pagespeed score. What did I wrong?
  89. Gutenberg text field validation
  90. Undo operation not working in Rich text [Gutenberg]
  91. How react js and other Javascript Technologies works on WordPress plugin?
  92. Render raw html in Gutenberg block
  93. Trigger a JavaScript function based on the data fetched from Woo commerce hook
  94. Build a dynamic block using the default attributes
  95. Add custom data-attribute to core Gutenberg block within an template
  96. How to replace content of a block in and re-render on change?
  97. extending a core block doesn’t work inside the editor
  98. Trouble Importing whatsapp-web.js in a WordPress Plugin Development
  99. how to add contact form 7 shortcode in javascript variable
  100. Remove Gutenberg Buttons Block