I’m not sure that component is meant to be used on the front end, it looks as though that’s mainly there for creating buttons in the editor itself.
For block “variations”, there are block styles, which might be what you’re looking for: https://developer.wordpress.org/block-editor/reference-guides/block-api/block-styles/. Block styles are the native way of having multiple ways of presenting a block, for example the core button block has a default solid style and an outline style.
Related Posts:
- How to detect the usage of Gutenberg
- Possible to use @wordpress/create-block with multiple blocks?
- What is the advantage of ‘register_block_type’ (the PHP function) when creating custom blocks?
- The Block Editor: Disable “Color settings” in the specific block
- Serialize custom block with InnerBlock
- What replaces wpColorPicker in Gutenberg?
- Gutenberg Range Control default from meta value
- Find all the places where a block type is used
- Why is the new Gutenberg editor so narrow, and how to make it wider?
- Why does the custom HTML block not preserve the HTML characters?
- Can’t get dynamic Gutenberg block to render on the frontend
- Gutenberg change/remove “Write your story” placeholder in custom blocks
- How do I listen for a change in an innerBlock child?
- How to enable Gutenberg Block Editor on taxonomy term pages?
- What’s the absolute minimum code that I need to create a dynamic block?
- How to make 2/3 width column in Gutenberg
- Change default colors in paragraph block settings
- Gutenberg Reusable Block of WordPress
- How to wrap the Gutenberg editor in a custom React component?
- Proper way to reload or update getEntityRecords state
- Cannot embed YouTube video
- Add a button to the toolbar of an existing Gutenberg block
- JSON File in Gutenberg
- Adding an html wrapper to a custom Block Pattern
- How to add a class to the element in a custom Gutenberg block
- Gutenberg: How to check if a block is used in a paginated post?
- Editor API Endpoint or Data Store That Provides a List of Meta Fields for Post Types
- Specify exact parent child relationship between two blocks
- Using custom Entities to retrieve external data in the Block Editor
- Align Group blocks left or right
- Unable to override MediaPlaceholder component
- Run the edit function of parent block when something changes in InnerBlocks
- do_blocks does not include its CSS
- Track Block Pattern Insertion Within the Block Editor
- block variations registration in PHP
- How to add screen reader text to links inserted in the block editor?
- Auto synchronize saving of custom block editor entities
- Store data from nested block of gutenberg
- Output content of post excerpt into Innerblocks within Gutenberg block
- How to add a link in a translation in gutenberg
- component does not render in block save
- Adding block programmatically to InnerBlocks
- Filter root element of tag cloud block
- How `window.wp.oldEditor` is being set in the editor?
- How to use Gutenberg blocks in widgets?
- Don’t expand “Most Used” accordion item when adding new block
- Is it possible (safe) to create custom blocks using ES Next format?
- How do i get the link to a block?
- How to prevent Block Editor from adding id to block markup in save function?
- Dequeue Gutenburg Block Library CSS (‘wp-block-library’) in Admin
- How do I make sure the gutenberg block CSS is not disrupted by generic styles?
- Custom block Block Validation failure w/ deprecation declared
- Working with external library in gutenberg block
- Download Image from URL and Create a new Folder in wp-contents and save them there
- Using full site editing, can I edit just one specific post / page to be unique?
- Detect selected block pattern from a specific Pattern category
- How to add a message when post category is empty (the category have no published posts)?
- Block editor not recognizing markdown
- Can’t add front end script file using block.json for a custom block
- How to create Gutenberg patterns and patterns categories based on CPT posts and CPT terms?
- Gutenberg Block: Query for posts with blocks and sort by attributes
- How to Disable “Block Recovery” for HTML Blocks in Gutenberg
- Block error: post_taxs_obj is not a valid property of Object
- How to get the Gutenberg image block to show new Media Library listing
- useSelect in event callback – not retrieving value on time
- How to Batch Convert Gutenberg post to Classic post?
- How to create pre-designed page layouts for Gutenberg?
- Can anyone explain why setting a block attributes source to a data-attribute doesn’t work?
- How to: Provide component with innerBlocks to WordPress Gutenberg’s save function?
- How can I display instagram block with parse_block?
- Do not wrap custom block in an additional DIV but instead use only the JSX I provide
- Line break in Gutenberg post title?
- Basic Block Usage Help on WordPress
- Can’t extend my custom gutenberg block
- Is there an easy way to remove the data-preserver-spaces span from blocks?
- How to Stop Gutenberg From Adding Classic Block
- Video, embed, html block usage out of the_content
- applyformat in gutenberg doesnt work and no errors
- admin_notices not shown
- Have parent block’s isSelected be true if an innerblock is selected?
- How can I add the option to format to list in RichTextToolbarButton?
- Layout Settings in the new Gutenberg editor
- How to get blocks with same heigh in columns?
- Block Theme Template parts – Why saving a part updates the other ones?
- No inline css, simple css file?
- How can I reset/remove background colour from a block
- Possible to use a block filter (blocks.getSaveContent.extraProps) with dynamic blocks?
- Elements positioning in a custom block
- Is it possible to get rid of the wrapping divs on a block component?
- In Full-Site-Editing, edits made to the code in a template part are not showing
- How to get appender icon to appear more often for innerblock usage
- Create a block variation of list elements
- Remove ‘default’ font option from Gutenberg typography settings
- Globally update pattern styles
- Block-based navigation and multi-language plugins
- Custom Gallery Block – Uncaught TypeError: setAttributes is not a function
- how to display gutenberg editor in a view
- Gutenberg list items nesting and creating invalid content errors
- Trying to understand block alignment
- Custom Link Block with own background color