As of January 3rd, 2023 the Working NYC Pattern library package is deprecated in favor of the NYC Opportunity Standard which contains updated user interface elements and usability guidance.
Inputs
The Input Element follows the styling and usage guidelines of the U.S. Web Design System’s Form Control.
Demonstration
Markup
<div class="input"> <!--{ @required required="true" specifies wether the input is required by a form }--> <!--{ @pattern pattern="{{ my regular expression }}" a regular expression the input's value must match in order to validate }--> <!--{ @tabindex Add tabindex="-1" to insure focusable elements are not visible when parent is hidden }--> <input id="9aef508f0fb4b" name="input['9aef508f0fb4b']" required="true" type="text" /> </div>