@inkline/inkline/stories/forms/validation/schema/groups-object.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-form v-model="schema">
    <i-form-group name="group">
        <i-form-group>
            <i-form-label>Input 1</i-form-label>
            <i-input name="input1" placeholder="Type something.." />
            <i-form-error for="input1" />
        </i-form-group>
        <i-form-group>
            <i-form-label>Input 2</i-form-label>
            <i-input name="input2" placeholder="Type something.." />
            <i-form-error for="input2" />
        </i-form-group>
    </i-form-group>
    <p>
        Group validation status: <strong>{{ groupValidationStatus }}</strong>
    </p>
</i-form>