Skip to content

Commit

Permalink
use p instead to force new line
Browse files Browse the repository at this point in the history
  • Loading branch information
brc-dd committed Apr 26, 2024
1 parent a9dfe3f commit 52fcc0d
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions src/examples/src/form-bindings/App/template.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<h2>Text Input</h2>
<input v-model="text"> {{ text }}
<input v-model="text">
<p>{{ text }}</p>

<h2>Checkbox</h2>
<input type="checkbox" id="checkbox" v-model="checked">
Expand All @@ -16,16 +17,15 @@ <h2>Multi Checkbox</h2>
<label for="john">John</label>
<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
<label for="mike">Mike</label>
<span>Checked names: {{ checkedNames }}</span>
<p>Checked names: {{ checkedNames }}</p>

<h2>Radio</h2>
<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>
<span>Picked: {{ picked }}</span>
<p>Picked: {{ picked }}</p>

<h2>Select</h2>
<select v-model="selected">
Expand All @@ -34,12 +34,12 @@ <h2>Select</h2>
<option>B</option>
<option>C</option>
</select>
<span>Selected: {{ selected }}</span>
<p>Selected: {{ selected }}</p>

<h2>Multi Select</h2>
<select v-model="multiSelected" multiple style="width:100px">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<span>Selected: {{ multiSelected }}</span>
<p>Selected: {{ multiSelected }}</p>

0 comments on commit 52fcc0d

Please sign in to comment.