@wordpress/block-library
Version:
Block library for the WordPress editor.
90 lines (83 loc) • 1.87 kB
JavaScript
/**
* WordPress dependencies
*/
import { SVG, Rect } from '@wordpress/components';
export const buttonOnly = (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Rect x="7" y="10" width="10" height="4" rx="1" fill="currentColor" />
</SVG>
);
export const buttonOutside = (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Rect
x="4.75"
y="15.25"
width="6.5"
height="9.5"
transform="rotate(-90 4.75 15.25)"
stroke="currentColor"
strokeWidth="1.5"
fill="none"
/>
<Rect x="16" y="10" width="4" height="4" rx="1" fill="currentColor" />
</SVG>
);
export const buttonInside = (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Rect
x="4.75"
y="15.25"
width="6.5"
height="14.5"
transform="rotate(-90 4.75 15.25)"
stroke="currentColor"
strokeWidth="1.5"
fill="none"
/>
<Rect x="14" y="10" width="4" height="4" rx="1" fill="currentColor" />
</SVG>
);
export const noButton = (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Rect
x="4.75"
y="15.25"
width="6.5"
height="14.5"
transform="rotate(-90 4.75 15.25)"
stroke="currentColor"
fill="none"
strokeWidth="1.5"
/>
</SVG>
);
export const buttonWithIcon = (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Rect
x="4.75"
y="7.75"
width="14.5"
height="8.5"
rx="1.25"
stroke="currentColor"
fill="none"
strokeWidth="1.5"
/>
<Rect x="8" y="11" width="8" height="2" fill="currentColor" />
</SVG>
);
export const toggleLabel = (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Rect
x="4.75"
y="17.25"
width="5.5"
height="14.5"
transform="rotate(-90 4.75 17.25)"
stroke="currentColor"
fill="none"
strokeWidth="1.5"
/>
<Rect x="4" y="7" width="10" height="2" fill="currentColor" />
</SVG>
);