<form class="form-simple">
    <div class="field-wrap">
        <label for="myfield">Things here <span class="required-value">(required)</span></label>
        <div class="form-entry">
            <input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple m">
            <div class="field-annotations m" id="myfield-annotations">
                <div class="char-limit-count" aria-live="polite"><svg width="10" height="10" class="icon icon-o-typewriter"><use xlink:href="/assets/svg/core.svg#o-typewriter" /></svg> 123 characters remaining</div>
                <div class="word-count" aria-live="polite"><svg width="10" height="10" class="icon icon-o-typewriter"><use xlink:href="/assets/svg/core.svg#o-typewriter" /></svg> 150 words</div>
                <div class="formatting-language"><svg width="10" height="10" class="icon icon-o-pencil"><use xlink:href="/assets/svg/core.svg#o-pencil" /></svg> <a href="#">Markdown</a> </div>
            </div>
        </div>
    </div>
</form>
<form class="form-simple">
<div class="field-wrap">
	{{render "@label--required" }}
	<div class="form-entry">
		{{ render "@text-field--input-m" }}
		{{render "@field-annotations" }}
	</div>
</div>
</form>
/* No context defined for this component. */

There are no notes for this item.