<xf:formrow rowtype="input"
	label="{$option.title}"
	hint="{$hintHtml}"
	explain="{$explainHtml}"
	html="{$listedHtml}"
	rowclass="{$rowClass}">

	<ul class="listPlain inputGroup-container">
		<xf:foreach loop="$choices" key="$counter" value="$choice">
			<li class="inputGroup">
				<xf:textbox name="{$inputName}[{$counter}][word]" value="{$choice.word}" placeholder="{{ phrase('word_or_phrase') }}" size="20" />
				<span class="inputGroup-splitter"></span>
				<xf:textbox name="{$inputName}[{$counter}][replace]" value="{$choice.replace}" placeholder="{{ phrase('replacement_optional') }}" size="20" />
			</li>
		</xf:foreach>

		<li class="inputGroup" data-xf-init="field-adder" data-increment-format="{$inputName}[{counter}]">
			<xf:textbox name="{$inputName}[{$nextCounter}][word]" placeholder="{{ phrase('word_or_phrase') }}" size="20" />
			<span class="inputGroup-splitter"></span>
			<xf:textbox name="{$inputName}[{$nextCounter}][replace]" placeholder="{{ phrase('replacement_optional') }}" size="20" />
		</li>
	</ul>
</xf:formrow>