mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:43:39 +09:00
46 lines
816 B
Markdown
46 lines
816 B
Markdown
### 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-->
|