File tree Expand file tree Collapse file tree 1 file changed +26
-0
lines changed
src/components/form-input Expand file tree Collapse file tree 1 file changed +26
-0
lines changed Original file line number Diff line number Diff line change @@ -534,4 +534,30 @@ these methods and properties. Support will vary based on input type.
534
534
535
535
You can use ` <b-form-input> ` by it's shorter alias ` <b-input> ` .
536
536
537
+ ## Using HTML5 ` <input> ` as an alternative
538
+
539
+ If you just need a simple input with basic bootstrap styling, you can simply use the following:
540
+
541
+ ``` html
542
+ <template >
543
+ <div >
544
+ <input v-model =" value" type =" text" class =" form-control" >
545
+ <br >
546
+ <p >Value: "{{ value }}"</p >
547
+ </div >
548
+ </template >
549
+
550
+ <script >
551
+ export default {
552
+ data () {
553
+ return {
554
+ value: ' '
555
+ }
556
+ }
557
+ }
558
+ </script >
559
+
560
+ <!-- native-input.vue -->
561
+ ```
562
+
537
563
<!-- Component reference added automatically from component package.json -->
You can’t perform that action at this time.
0 commit comments