What’s the recommended Gutenberg component for adding a URL, in the toolbar/sidebar?

UrlInput uses LinkControl internally, but neither have been built with the sidebar in mind, they’re to be used inside popover components that appear inline such as when a toolbar button is clicked.

They aren’t intended to appear directly in toolbars either. Most if not all input components can’t be shown in the toolbar, with the exception of buttons for obvious reasons.

If using this component causes overflow in the sidebar, then you need to report this as a bug in the Gutenberg Github issues as soon as possible so that it can be fixed.

Otherwise this is the closest you will find currently to a canonical post/URL selection input. I suggest for the moment that you print the URL value and show an edit button next to it that triggers a popover component containing the link control

Related Posts:

  1. Deactivate Gutenberg tips forever – not Gutenberg
  2. How do I register multiple blocks with block.json and register_block_type_from_metadata?
  3. Disable Gutenberg text-Settings in all blocks
  4. How can I add a custom attribute to Gutenberg core blocks?
  5. Add additional classes to gutenberg .editor-styles-wrapper
  6. How to use the WordPress < LinkControl /> Component
  7. Remove border radius setting from the Gutenberg button block?
  8. Add PHP block template to content using wp_insert_post
  9. Gutenberg reusable blocks – is it possible to customise an instance?
  10. Dynamic gutenberg block with react instead of php
  11. File structure and react setup when creating multiple Gutenberg blocks
  12. Reset data when the field is cleared
  13. Is there a hook or filter yet for Gutenberg Block Editor to not auto-add Noreferrer to links with a target?
  14. How to remove specific panels in the editor (Gutenberg) when editing a block (via right panel)?
  15. Is it possible to use to create a “switchable” preview of a Carousel Gutenberg block?
  16. What is the significance of ‘root’ in getEntityRecords?
  17. How to Disable Gutenberg & Return to the Classic WordPress Editor Without any Plugins
  18. Gutenberg default value not saved in json
  19. Gutenberg default initial values for FocalPointPicker
  20. Pre-set CSS class into custom block/template
  21. How to check whether Gutenberg editor is installed or not [duplicate]
  22. How to align a single Gutenberg block button in WP 5.5.3?
  23. Is it possible to print the output of a Gunteberg block with no classes?
  24. How can you reset InnerBlock content to base template?
  25. Gutenberg Multiple InnerBlocks
  26. How can we mimic the columns block in Gutenberg to instead be a list?
  27. How to set Gutenberg preferences programmatically with wp.data.dispatch?
  28. Dynamic Gutenburg block output echoes in WP Dashboard
  29. Are gutenberg blocks ideally supposed to look the same in both back-end and front-end?
  30. How to output child block attributes on a parent block
  31. Is there a better way to to make async API calls using the @wordpress/data module?
  32. Extend the “core/link” Block Format
  33. Passing settings from Reusable Block to it’s children
  34. Gutenberg element: How to usw Rangecontrol with two values to imitate a rangeslider?
  35. Is there any simple way to remove Gutenberg editor H1 H5 H6 and change the label for the rest H2 H3 H4?
  36. Deprecated for blocks.getSaveElement
  37. WordPress filter post content with PHP before editing it in Gutenberg
  38. Pass PHP vars to gutenberg sidebar
  39. Suggested image dimensions Gutenberg Hook
  40. How Add New Button to Gutenberg Editing Toolbar
  41. How to force gutenberg to reload blocks after saving
  42. How can I programaticly open Gutenberg
  43. Update a block template and apply those changes to an existing post/page
  44. How do you manage the Gutenberg block previews in the admin area?
  45. Custom block save does not match due to stripped slashes from br tag and added figure tag around images
  46. How to disable align-wide for specified blocks in Gutenberg
  47. Deprecated function not working in Gutenberg
  48. Gutenberg Block checkbox check-unckeck does not work
  49. WordPress npm run build and start only outputs wp-scripts start but does nothing
  50. Gutenberg get index of gutenberg innerblock
  51. Custom Endpoint API based on attribute gutenberg block
  52. Gutenberg – Remove add block button
  53. how can default_content filter tell if content will load in block editor or classic editor?
  54. Gutenberg programmatically move block to position
  55. Gutenberg block – remove setting for core/file
  56. Gutenberg JavaScript error
  57. Gutenberg selecting child blocks directly from appender
  58. Image not aligning with text
  59. Custom validation on publish/ update in Block Editor
  60. WordPress Gutenberg – Open the “Block Pattern Explorer” programmatically
  61. Modify src attribute on image block
  62. Two text color palettes are appearing in Gutenberg
  63. WordPress Gutenberg – Sidebar get posts list based on selected category
  64. Gutenberg button removed on save if its empty
  65. Gutenberg build error: You may need an appropriate loader to handle this file type SCSS
  66. Gutenberg: How to constrict floated table blocks to 1000px width in the front-end, when align wide & full are being used?
  67. Quasy – modal component does not hide itself
  68. Table block – Wrap table
  69. ResizableBox component is not selectable in block editor
  70. Whitelist a single SVG for use in post_content
  71. Gutenberg block previews suddenly not working
  72. How to convert block to a list block in WordPress gutenberg editor?
  73. How to do store, retrieve and write attributes in the registerFormatType method in Guttenberg?
  74. How can I create more advanced layouts in Gutenberg block editor?
  75. How to replace the Gutenberg default block with a custom block?
  76. how to disable a button added by a plugin in gutenberg toolbar?
  77. Images are not shown in the post editor
  78. Updating failed message when a wp_insert_post function is hooked to save_post hook
  79. Get post ancestors in the Block Editor
  80. How to disable blocks in Gutenberg editor for specific post type
  81. Possible to make the link autocompleter prioritize Tags before Posts?
  82. Prevent FormTokenField component to accept random entries
  83. How to move the customizations done in the Editor to my child theme?
  84. Unable to see the attributes for the custom block created
  85. Block Theme Template parts – Why saving a part updates the other ones?
  86. No inline css, simple css file?
  87. How can I reset/remove background colour from a block
  88. Possible to use a block filter (blocks.getSaveContent.extraProps) with dynamic blocks?
  89. Elements positioning in a custom block
  90. Is it possible to get rid of the wrapping divs on a block component?
  91. In Full-Site-Editing, edits made to the code in a template part are not showing
  92. How to get appender icon to appear more often for innerblock usage
  93. Create a block variation of list elements
  94. Remove ‘default’ font option from Gutenberg typography settings
  95. Globally update pattern styles
  96. Block-based navigation and multi-language plugins
  97. how to display gutenberg editor in a view
  98. Gutenberg list items nesting and creating invalid content errors
  99. Trying to understand block alignment
  100. Custom Link Block with own background color

Leave a Comment

techhipbettruvabetnorabahisbahis forumutaraftarium24eduseduedusedueduseduedusedueduedu