# extendify/3.2.1/src/Library/components/topbar/CloseButton.jsx

Extendify, version 3.2.1. 21 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.2.1/code/src/Library/components/topbar/CloseButton.jsx
- Raw: https://pluginprobe.com/plugins/extendify/3.2.1/raw/src/Library/components/topbar/CloseButton.jsx
- Modified: 2026-02-18T22:27:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/3.2.1/code/src/Library/components/topbar/CloseButton.jsx#L10-L20`.

```jsx
import { __ } from '@wordpress/i18n';

export const CloseButton = ({ onClose }) => (
	<button
		className="block h-6 w-6 bg-transparent p-px text-inherit outline-hidden focus:shadow-none focus:ring-wp focus:ring-design-main"
		type="button"
		onClick={onClose}
		data-test="modal-close-button"
		aria-label={__('Close', 'extendify-local')}
	>
		<svg
			style={{ fill: 'currentColor' }}
			xmlns="http://www.w3.org/2000/svg"
			viewBox="0 0 24 24"
		>
			<title>{__('Close', 'extendify-local')}</title>
			<path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z" />
		</svg>
	</button>
);

```