mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 08:53:29 +09:00
first
This commit is contained in:
45
documentation/field/v-field-addon-end-documentation.md
Normal file
45
documentation/field/v-field-addon-end-documentation.md
Normal file
@@ -0,0 +1,45 @@
|
||||
### VField addons
|
||||
|
||||
Inputs can have addons if you need to show contextual information.
|
||||
You can attach an addon at the end of a `<VField />` with the `addons` prop.
|
||||
See markup for more details about usage.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VField label="Gmail account" addons>
|
||||
<VControl expanded>
|
||||
<VInput
|
||||
type="text"
|
||||
class="input"
|
||||
placeholder="Username"
|
||||
/>
|
||||
</VControl>
|
||||
<VControl>
|
||||
<VButton static>
|
||||
@gmail.com
|
||||
</VButton>
|
||||
</VControl>
|
||||
</VField>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
|
||||
<!--example-->
|
||||
|
||||
<VField label="Gmail account" addons>
|
||||
<VControl expanded>
|
||||
<VInput
|
||||
type="text"
|
||||
class="input"
|
||||
placeholder="Username"
|
||||
/>
|
||||
</VControl>
|
||||
<VControl>
|
||||
<VButton static>@gmail.com</VButton>
|
||||
</VControl>
|
||||
</VField>
|
||||
|
||||
<!--/example-->
|
||||
Reference in New Issue
Block a user