mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 07:03:41 +09:00
first
This commit is contained in:
37
documentation/field/v-field-label-inline-documentation.md
Normal file
37
documentation/field/v-field-label-inline-documentation.md
Normal file
@@ -0,0 +1,37 @@
|
||||
### Inline label
|
||||
|
||||
You can set the `horizontal` attribute of `VField` so the label will be inlined.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VField label="Username" horizontal>
|
||||
<VControl fullwidth>
|
||||
<VInput type="text" placeholder="John" />
|
||||
</VControl>
|
||||
</VField>
|
||||
<VField label="Lastname" horizontal>
|
||||
<VControl fullwidth>
|
||||
<VInput type="text" placeholder="Doe" />
|
||||
</VControl>
|
||||
</VField>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
|
||||
<!--example-->
|
||||
|
||||
<VField label="Username" horizontal>
|
||||
<VControl fullwidth>
|
||||
<VInput type="text" placeholder="John" />
|
||||
</VControl>
|
||||
</VField>
|
||||
<VField label="Lastname" horizontal>
|
||||
<VControl fullwidth>
|
||||
<VInput type="text" placeholder="Doe" />
|
||||
</VControl>
|
||||
</VField>
|
||||
|
||||
<!--/example-->
|
||||
Reference in New Issue
Block a user