Component names:
<v-form>
<v-input>
<v-select>
<v-checkbox>
<v-radio>
Examples
Basic
<div class="app">
<v-form>
<v-input class="mb-5" placeholder="Navn"></v-input>
<v-input class="mb-5" placeholder="E-mail"></v-input>
<v-textarea class="mb-5" placeholder="Textarea eksempel"></v-textarea>
<v-select class="mb-5" placeholder="Dropdown eksempel">
<v-option>Valgmulighed 1</v-option>
<v-option>Valgmulighed 2</v-option>
<v-option>Valgmulighed 3</v-option>
<v-option>Valgmulighed 4</v-option>
<v-option>Valgmulighed 5</v-option>
</v-select>
<div class="mb-5">
<v-checkbox class="mb-3" placeholder="Checkbox eksempel" checked></v-checkbox>
<v-checkbox class="mb-3" placeholder="Checkbox eksempel"></v-checkbox>
<v-checkbox placeholder="Checkbox eksempel" checked disabled></v-checkbox>
</div>
<div class="mb-5">
<v-radio name="radio" class="mb-3" placeholder="Radio eksempel"></v-radio>
<v-radio name="radio" class="mb-3" placeholder="Radio eksempel"></v-radio>
<v-radio name="radio" placeholder="Radio eksempel" disabled checked></v-radio>
</div>
</v-form>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
API
Name | Type | Description | Default |
Placeholder | String | Label that describes the form element | - |
Notice
All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class
attribute.