trying to add a textinput component
This commit is contained in:
parent
7da306047f
commit
3f752280f2
3
js/components/text_input.js
Normal file
3
js/components/text_input.js
Normal file
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
name: 'textinput'
|
||||
}
|
@ -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
|
||||
})
|
||||
|
@ -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'>
|
||||
|
Loading…
x
Reference in New Issue
Block a user