<!--<template>-->
<!--  <div>-->
<!--    <mds-form ref="form" :layout-size="size">-->
<!--      <mds-input v-bind="formData.email"></mds-input>-->
<!--      <mds-input v-bind="formData.password"></mds-input>-->
<!--    </mds-form>-->
<!--    <mds-button-container right-aligned>-->
<!--      <mds-button>Cancel</mds-button>-->
<!--      <mds-button variation="primary" v-on:click="validate">Submit</mds-button>-->
<!--    </mds-button-container>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import MdsForm from '@mds/form'-->
<!--import MdsInput from '@mds/input'-->
<!--import MdsButton from '@mds/button'-->
<!--import MdsButtonContainer from '@mds/button-container'-->

<!--export default {-->
<!--  name: 'MyForm',-->
<!--  components: {-->
<!--    MdsForm,-->
<!--    MdsButton,-->
<!--    MdsButtonContainer,-->
<!--    MdsInput-->
<!--  },-->
<!--  props: {-->
<!--    size: {-->
<!--      type: String,-->
<!--      default: 'large'-->
<!--    }-->
<!--  },-->
<!--  data () {-->
<!--    return {-->
<!--      formData: {-->
<!--        email: {-->
<!--          id: 'email',-->
<!--          label: 'Email',-->
<!--          required: true,-->
<!--          error: false,-->
<!--          errorText: ['Please enter a valid Email']-->
<!--        },-->
<!--        password: {-->
<!--          label: 'Password',-->
<!--          required: true,-->
<!--          error: false,-->
<!--          errorText: ['Please enter a valid Password']-->
<!--        }-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="scss" module>-->
<!--  @import '@mds/constants';-->
<!--  .my-header-spacing-class {-->
<!--    margin: $mds-space-stack-2-x;-->
<!--  }-->
<!--</style>-->
