Gutenberg Inspector Controls

TextControl is from wp.components not wp.blocks.

const {
    registerBlockType,
    RichText,
    AlignmentToolbar,
    BlockControls,
    InspectorControls,
} = wp.blocks;
const {
    TextControl
} = wp.components;

Changing that I was able to get your block to work fine instead of error in Gutenberg 2.2.0.

enter image description here

Related Posts:

  1. Add pre-publish conditions to the block editor
  2. How does Gutenberg handle translations in React?
  3. How can I access core/paragraph textColor in a block template
  4. Saving post meta using the new EntityProvider APIs
  5. How do you use __experimentalLayout to give innerblocks alignment control and default layout?
  6. WordPress Value of Undefined in Admin
  7. Modify the core/paragraph block
  8. WordPress Gutenberg blocks: Input fields are not editable
  9. What’s the recommended Gutenberg component for adding a URL, in the toolbar/sidebar?
  10. Once Again: How to Remove Option from Gutenberg Editor for Specific Block in theme.json
  11. Uncaught TypeError: wp.apiFetch is not a function
  12. how to get a more significant error response from ServerSideRender
  13. Align a custom block button by wrapping it in div
  14. Using applyFormat (from @wordpress/rich-text) to make persistent changes to Gutenberg’s rich text value
  15. Block validation: Block validation failed for `my-block`
  16. How to render core component inside edit() within custom registered block in Gutenberg?
  17. Modify Core Block Default Attributes
  18. How to set defaults for Border controls in custom block
  19. Compatability of gutenberg block in older WordPress version
  20. Find all the places where a block type is used
  21. WordPress PluginSidebar, TextControl setting and saving the default value
  22. How can I dynamically wrap in a Gutenberg block?
  23. Modifying the Gutenberg Button Block
  24. Style Gutenberg metaboxes like they belong on the site
  25. How to get featured_media of a post with getEntityRecords?
  26. How to grab posts in Gutenberg Block?
  27. How can I access the attributes of a block within InnerBlocks?
  28. How to avoid duplicate dependencies in Gutenberg blocks
  29. How to update a Gutenberg block without manually recovering it?
  30. Gutenberg Dynamic Block not Storing Attributes
  31. Is it possible to access the wp-admin from one instance while keeping WP_HOME pointing to the balancing url?
  32. Show pasted link text with diacritics not encoded
  33. How to Add predefined CSS Classes to a Block using Gutenberg
  34. Updating a block’s edit / save without reinventing the wheel
  35. Gutenberg block missing classes inside editor
  36. Custom dynamic Gutenberg block not rendering
  37. How to get an array of custom blocks by block name
  38. How do I addFilter to core/paragraph to add an attribute and see the change in the editor?
  39. How to register a embed handler as a fallback to a oEmbed handler?
  40. Performance of Gutenberg block attributes with source selectors vs without
  41. What version of React does Gutenberg use?
  42. Block background color not appearing on site
  43. For developers, what impact can we expect Gutenberg to have on the loop?
  44. Why is an argument of onChange nested in … in Gutenberg custom block RichText?
  45. Gutenberg: Heading with subheading/paragraph
  46. BlockControls not showing floating (show up in the top toolbar)
  47. Change label text in Gutenberg’s built in excerpt panel
  48. Style Gutenberg Editor based on Post Type or Page Template
  49. Gutenberg: How filter blocks of a certain type with parse_blocks recursively?
  50. Gutenberg add checkbox using PluginPostStatusInfo
  51. How to view all currently registered block patterns?
  52. How do I activate a certain block template only when editing the front page?
  53. LinkControl – how to toggle opensInNewTab
  54. Block editor — how to remove default classes
  55. Code block treats characters not being escaped
  56. Strange effect when I scroll in the editor
  57. Creating a custom slider block from InnerBlocks using React Slick
  58. Alter core block’s DOM – in both output AND editor
  59. ServerSideRender not rendering in block editor, but output is in “apiFetch”
  60. Can you disable typography panels for just the paragraph block?
  61. I cant find the custom html block
  62. Gutenberg allow use of block, but hide it from the block picker
  63. I am working with gutenberg blocks, specially a slider block. I wish to show the excerpt content from a custom api to the backend as well as frontend
  64. WordPress Gutemberg RichText FormatType no wrap with tagName
  65. Keyboard shortcut to format text as superscript or subscript
  66. How to add custom HTML tags in the visual mode via keyboard only?
  67. Add page title after first block
  68. Save JSON data with Gutenberg and show it in the content
  69. Gutenberg Blocks – Save a predefined text attribute?
  70. Adding a size to core/image in an innerblocks breaks the save
  71. How can I programmatically disable Gutenberg query block patterns?
  72. Is it possible to use the WordPress block directory to make my own custom blocks
  73. how to copy shortcode into a block?
  74. Gutenberg blocks – template_lock with several post type
  75. Gutenberg – reusable blocks that I can edit? Am I being slow?
  76. Block editor: Sandbox iframe shows outdated HTML
  77. Gutenberg Development vs Release version?
  78. Gutenberg Array push
  79. Gutenberg: Why doesn’t the button core-component render on the frontend
  80. Using styled-components in the save() function on gutenberg
  81. Can this react script be optimized? How to make it faster
  82. How to display dynamic block editor on front-end?
  83. Enable varying text for Phone, Tablet and Desktop
  84. Debouncing Input value with block attributes
  85. Using the block theme in production
  86. When using the MediaPlaceholder component, will skipping blobUrl handling break something?
  87. Pass component name in onChange [closed]
  88. Add another option to default link control settings panel?
  89. With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
  90. How can I render a built-in Gutenberg block with InnerBlocks outside of the block editor?
  91. How do I add filters in Twenty-Twenty-Three without a functions.php?
  92. Different style options for the same block depending where it is used
  93. How to extract ‘intro’ block from page content, but later strip from page main content
  94. Add a new option to Social Link block
  95. Editing Inline fonts/typeface using the block editor
  96. What is the proper way of using React Hooks in Gutenberg on frontend?
  97. How to add Gutenberg editor on frontend page?
  98. Gutenberg: change block Components Popover properties
  99. Unable to register a block using block.json in Block Editor
  100. $attributes not defined in block.json PHP template for ACF blocks

Leave a Comment