Ninja Forms Example Field Markup

nf-field-markup.html

<div class="nf-field-container {field-type-name}-container  label-above">
	<div class="nf-before-field">
		<nf-section></nf-section>
	</div>
	<div class="nf-field">
		<div id="nf-field-{field_id}-wrap" class="field-wrap {field-type-name}-wrap" data-field-id="{field_id}">
			<div class="nf-field-label">
				<label for="nf-field-{field_id}" class="">Single Line Text</label>
			</div>
			<div class="nf-field-element">
				<input id="nf-field-{field_id}" name="nf-field-{field_id}" class="ninja-forms-field nf-element" type="text" value="">
			</div>
		</div>
	</div>
	<div class="nf-after-field">
		<nf-section>
			<div class="nf-error-wrap nf-error"></div>
		</nf-section>
	</div>
</div>