Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | 2x 8x 2x 10x | import clsx from 'clsx';
import './button.scss';
export const DecoratedButton = ( { className, size, label, isPressed, ...extraProps } ) => (
<button
type="button"
aria-label={ label }
aria-pressed={ isPressed }
className={ clsx(
'jetpack-mdc-icon-button',
'circle-icon',
'outlined',
'bordered',
className
) }
style={ {
width: `${ size }px`,
height: `${ size }px`,
} }
{ ...extraProps }
/>
);
export const SimpleButton = ( { className, size = 24, label, isPressed, ...extraProps } ) => (
<button
type="button"
aria-label={ label }
aria-pressed={ isPressed }
className={ clsx( 'jetpack-mdc-icon-button', className ) }
style={ {
width: `${ size }px`,
height: `${ size }px`,
} }
{ ...extraProps }
/>
);
|