added form progress indication

2021-07-08 17:59:40 +01:00
parent e52dc6f52f
commit f0ceec1b88
3 changed files with 73 additions and 3 deletions
@@ -231,6 +231,35 @@ export function NumericField(props) {
    );
 }

+export function DecimalField(props) {
+    const { name, label } = props;
+
+    return (
+        <div className="govuk-form-group">
+            <label
+                className="govuk-label govuk-label--m"
+                htmlFor="account-number"
+            >
+                {props.label}
+            </label>
+
+            <div id="account-number-hint" className="govuk-hint">
+                Must be between 6 and 8 digits long
+            </div>
+            <input
+                className="govuk-input govuk-input--width-10"
+                id="account-number"
+                name="account-number"
+                type="text"
+                spellCheck="false"
+                aria-describedby="account-number-hint"
+                pattern="[0-9]*"
+                inputMode="numeric"
+            />
+        </div>
+    );
+}
+
 export function ReadOnlyfield(props) {
    const { name, label } = props;