components

To help you get started, we’ve selected a few @wordpress/components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

WordPress / gutenberg / packages / block-editor / src / components / block-breadcrumb / breadcrumb-button.js View on Github

/**
 * WordPress dependencies
 */
import { StyledPrimitives, styled } from '@wordpress/components';

const Button = styled( StyledPrimitives.Button )`
&amp;:hover {
	text-decoration: underline;
	cursor: pointer;
	color: ${ ( props ) =&gt; props.theme.colors.primary };
}
&amp;:focus{
	outline: none;
	outline-offset: -2px;
	box-shadow: none;
}
`;

export default function BlockBreadcrumbButton( { children, ...props } ) {
	return

WordPress / gutenberg / packages / block-editor / src / components / block-breadcrumb / block-breadcrumb-button.js View on Github

/**
 * WordPress dependencies
 */
import { StyledPrimitives, styled } from '@wordpress/components';

const Button = styled( StyledPrimitives.Button )`
  &amp;:hover {
    text-decoration: underline;
    cursor: pointer;
    color: ${ ( props ) =&gt; props.theme.colors.primary };
  }
  &amp;:focus{
		outline: none;
		outline-offset: -2px;
		box-shadow: none;
	}
`;

export default function BlockBreadcrumbButton( { children, ...props } ) {
	return

How to use the @wordpress/components.styled function in @wordpress/components

To help you get started, we’ve selected a few @wordpress/components examples, based on popular ways it is used in public projects.

@wordpress/components

Package Health Score

Popular @wordpress/components functions

Similar packages