# extendify/3.1.0/src/QuickEdit/components/modals/ModalCloseButton.jsx

Extendify, version 3.1.0. 16 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.1.0/code/src/QuickEdit/components/modals/ModalCloseButton.jsx
- Raw: https://pluginprobe.com/plugins/extendify/3.1.0/raw/src/QuickEdit/components/modals/ModalCloseButton.jsx
- Modified: 2026-06-11T18:37:12+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.1.0/code/src/QuickEdit/components/modals/ModalCloseButton.jsx#L10-L20`.

```jsx
import { Button } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import { close } from '@wordpress/icons';

// Modal's built-in dismiss X wraps its Button in a Tooltip, which
// intercepts the click on the live frontend — the X reads as dead.
export const ModalCloseButton = ({ onClick }) => (
	<Button
		size="compact"
		icon={close}
		label={__('Close', 'extendify-local')}
		showTooltip={false}
		onClick={onClick}
	/>
);

```