Skip to content

Commit ba9a805

Browse files
authored
chore(docs): minor update to b-form-input docs (#4228)
1 parent f3f42f2 commit ba9a805

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

src/components/form-input/README.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -534,4 +534,30 @@ these methods and properties. Support will vary based on input type.
534534

535535
You can use `<b-form-input>` by it's shorter alias `<b-input>`.
536536

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+
537563
<!-- Component reference added automatically from component package.json -->

0 commit comments

Comments
 (0)