@inkline/inkline/src/stories/forms/validation/basic.html

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

<i-form v-model="form" @submit="onSubmit">
    <i-form-group>
        <i-form-label>Username</i-form-label>
        <i-input name="username" placeholder="Enter a username.." />
    </i-form-group>
    <i-form-group>
        <i-form-label>Password</i-form-label>
        <i-input name="password" type="password" placeholder="Enter a password.." />
    </i-form-group>
    <i-form-group>
        <i-button
            type="submit"
            :disabled="form.untouched || form.pristine"
            block
        >
            Sign up
        </i-button>
    </i-form-group>
</i-form>

<pre class="_margin-top:2 _text:muted">
{{ form }}
</pre>