trying to add a textinput component

This commit is contained in:
Andrew Croce 2018-08-07 13:42:29 -04:00
parent 7da306047f
commit 3f752280f2
3 changed files with 22 additions and 10 deletions

View File

@ -0,0 +1,3 @@
export default {
name: 'textinput'
}

View File

@ -1,6 +1,12 @@
import classes from '../styles/atat.scss'
import Vue from 'vue/dist/vue'
import TextInput from './components/text_input'
const components = {
TextInput
}
const app = new Vue({
el: '#app-root',
methods: {
@ -17,5 +23,6 @@ const app = new Vue({
styleguideModal: false,
}
}
}
},
components: components
})

View File

@ -130,15 +130,17 @@
<form>
<div class='usa-input'>
<label for='basic-text-1'>
Basic Text Input
<span class='usa-input__help'>
This is some help text to explain what this form field is and why you should fill it out.
</span>
</label>
<input id='basic-text-1' type='text' placeholder='this is a sample of what you should enter'/>
</div>
<TextInput inline-template>
<div class='usa-input'>
<label for='basic-text-1'>
Basic Text Input
<span class='usa-input__help'>
This is some help text to explain what this form field is and why you should fill it out.
</span>
</label>
<input id='basic-text-1' type='text' placeholder='this is a sample of what you should enter'/>
</div>
</TextInput>
<div class='usa-input usa-input--error'>
<label for='basic-text-2'>