# jetformbuilder/3.6.6/modules/html-parser/admin/HtmlParserButton.js

JetFormBuilder — Dynamic Blocks Form Builder, version 3.6.6. 23 lines.

- Page: https://pluginprobe.com/plugins/jetformbuilder/3.6.6/code/modules/html-parser/admin/HtmlParserButton.js
- Raw: https://pluginprobe.com/plugins/jetformbuilder/3.6.6/raw/modules/html-parser/admin/HtmlParserButton.js
- Modified: 2025-05-12T10:59:22+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/jetformbuilder/3.6.6/code/modules/html-parser/admin/HtmlParserButton.js#L10-L20`.

```javascript
import HtmlParserModal from './HtmlParserModal';
import { useState, Fragment } from '@wordpress/element';
import { __ } from '@wordpress/i18n';

export default function HtmlParserButton() {
	const [ showModal, setShowModal ] = useState( false );

	return (
		<Fragment>
			<a
				href="#"
				className="page-title-action"
				onClick={ ( event ) => {
					event.preventDefault();
					setShowModal( true );
				} }
			>
				{ __( 'Import from HTML', 'jet-form-builder' ) }
			</a>
			{ showModal && <HtmlParserModal setShowModal={ setShowModal } /> }
		</Fragment>
	);
}
```