Skip to content

Reactive Form

Form wrapper that utilizes a Form Service to register inner controls for further management.

Example

Example
<reactive-form required>
    <form id="123" action="" method="post">
        <control-connector
            min="3"
            required
            email
            class="control"
            validationMode="change"
        >
            <h-control>
                <h-control-label class="control__label">
                    <label class="label" for="email-id">
                        E-mail address
                    </label>
                </h-control-label>

                <h-control-content class="control">
                    <h-control-element class="control__element">
                        <h-input
                            controlId="email-id"
                            controlName="email"
                        >
                            <h-input-control></h-input-control>
                        </h-input>
                    </h-control-element>

                    <control-errors></control-errors>
                </h-control-content>
            </h-control>
        </control-connector>

        <button type="submit" class="btn btn_primary btn_full-width mb-xs-2">
            Send password change link
        </button>
    </form>
</reactive-form>