@wordpress/components Button variants not styled

The WordPress components docs are pulled from the development branch of the repository, meaning they may describe features and functionality that have yet to be released.

With the current version of the library used in WordPress, you declare the variant with the isPrimary, isSecondary, or isTertiary property:

<Button isSecondary onClick={open}>
    Select image...
</Button>

Related Posts:

  1. Trigger Javascript on Gutenberg (Block Editor) Save
  2. What are all the query parameters for getEntityRecords?
  3. Extend core block in Gutenberg
  4. Show control conditionally in Gutenberg
  5. Get loading state of wp data selector
  6. How to get the ToggleControl Gutenberg component working for a PHP Block
  7. Is there a core Sortable component in Gutenberg?
  8. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  9. Correctly handling WordPress core data retrieval in Gutenberg
  10. Is there a client side API for handling transients or options?
  11. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  12. How do I fire a snackbar notice in admin?
  13. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  14. What is “open()” in MediaUpload?
  15. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  16. Adding a text element in between title and blocks container
  17. Setting HTML properties in a Gutenberg plugin using WordPress settings
  18. Gutenberg RichText
  19. Provide specific example for block variation
  20. Set current tab on a Gutenberg TabPanel component from outside that component
  21. Block editor: How to check if block editor has initialized and populated the data store?
  22. How to use wp.hooks.addAction() in React JS/Gutenberg?
  23. Gutenberg block “This block appears to have been modified externally” on save
  24. How to get value of selected page template in Gutenberg editor?
  25. Block Editor: How to get title and post content within the WordPress admin UI in Javascript?
  26. Custom block SelectControl works but equivalent ComboboxControl gives errors – where’s my mistake?
  27. Gutenberg passing block attributes to component in ES6/ESNext
  28. How can I add Block Style support to the core HTML block in Gutenberg?
  29. var is undefined in a Gutenberg block
  30. Gutenberg add extra attributes to custom format
  31. event/callback on block update?
  32. can a buttongroup have a label?
  33. How to disable inline css styles generated by Gutenberg editor?
  34. InnerBlocks restricting does not work on nested blocks
  35. Gutenberg: Block validation Failed Richtext undefined
  36. Add A Tag To A Post Through JavaScript In Gutenberg UI?
  37. Add custom HTML markup to Gutenberg RichText
  38. How to return div with custom attributes(Coding a Gutenberg Block)
  39. What is the correct way to import the blocks-editor?
  40. Open MediaUpload from external component in Gutenberg
  41. Get Block Attributes in JSON REST API
  42. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  43. Gutenberg extend blocks add new class name
  44. How to add classes and events to image in javascript using Gutenberg?
  45. Checks when fetching data from multiple REST API endpoints in Gutenberg
  46. Add custom classes for blocks in editor based on custom attributes
  47. Looping over wordpress meta to create “ ‘s?
  48. How to display post content in the block editor
  49. useSelect second parameter
  50. How can I allow HTML in Gutenberg UI elements help text?
  51. what is the purpose of the namespace argument when customizing blocks?
  52. Trigger wp-embed via JavaScript to refresh iframe preview?
  53. How can I import one custom block into another?
  54. Gutenberg Blocks: how to determine an index of the current inner block?
  55. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  56. Get terms of a taxonomy using useSelect
  57. Gutenberg richtext block vaildation failed
  58. UnitControl – Block has encountered an error
  59. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  60. Custom Gutenberg-Block esnext pass variables
  61. Building a Featured Gallery component for Gutenberg
  62. Gutenberg dependencies in package.json
  63. find out reason of “Updating failed” in Post-editor
  64. How to read inline-CSS from Gutenberg block?
  65. Gutenberg RangeControl
  66. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  67. Problem extending a core block
  68. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  69. Add a Page Screen is Visually Blank
  70. Gutenberg sidebar show input field on toggle
  71. Get the ID of a page in Parent combobox in editor
  72. Issue migrating a checkbox-type meta field to the block editor
  73. Update block once an API request returns with a value
  74. Gutenberg – dynamically created element: how to set onChange?
  75. Custom block update rendering when reused
  76. WordPress Gutenberg Ajax request
  77. Gutenberg Edit Block Inspector Controls and save
  78. Spans in gutenberg
  79. Block pattern conflict with custom block
  80. WordPress Gutenberg: Attribute overwritten by block duplicate
  81. How to delete child block for associated parent block
  82. Passing object to FormTokenField suggestions
  83. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  84. How can I show a Slot/Fill in the block editor
  85. How to add more elements to an already existing section in Gutenberg
  86. How do i get an Inline style in Gutenberg Block show up in front end?
  87. WordPress adds and tags into HTML blocks after saving
  88. Gutenberg core/file add style support in js/ json
  89. Working with a non-React external library in a custom block
  90. How to add a css class to postTitleWrapper in Gutenberg?
  91. Masonry gallery block is working in the block editor but not the template editor
  92. How to import the imagesLoaded and Masonry libs that come with WP in a Gutenberg block?
  93. Additional CSS classes not being added in Gutenberg editor
  94. How do I filter/modify the updated content on save using javascript?
  95. How to execute some javascript code in the editor when a block pattern is added?
  96. How to add an additional dependency to a block index.asset.php file
  97. Why is the Gutenberg editor not recognizing my updates?
  98. How to transform a shortcode into a block
  99. useSelect() plus resolver result is serving cached data incorrectly
  100. Gutenberg DatePicker component with time set to zero