Property account number

HTML

<!-- Field with tooltip label -->
<label for="property-account-number"><a tabindex="0" data-target="modal-pan" aria-haspopup="dialog"
	aria-controls="modal-pan" class="modal-button info">Property account number</a></label>
<div class="gnb-form-helper-text">
Your Property account number is 8 digits long.
</div>
<input type="text" name="property-account-number" id="property-account-number" />

<!-- Field info modal dialog - place this OUTSIDE any <form> element in your page -->
<div class="gnb-modal" id="modal-pan" role="dialog" aria-modal="true"
aria-labelledby="modal-title-pan" aria-describedby="modal-description-pan">
<dialog>
	<button class="gnb-btn-close close-modal-button" data-target="modal-pan"><span
			class="sr-only">Close modal window</span><i class="fa-solid fa-xmark"></i></button>
	<div class="gnb-modal-header">
		<h2 id="modal-title-pan">Property account number</h2>
	</div>
	<div class="gnb-modal-body" id="modal-description-pan">
		<p>
			Your Property Account Number (PAN) is 8 digits and can be found on your property assessment notice.
		</p>		
	</div>
</dialog>
</div>

<!-- Add this at the bottom of your page before the closing body tag -->
<script src="gnb-modals-1.0.0.js"></script>