mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 04:42:34 +09:00
42 lines
833 B
Markdown
42 lines
833 B
Markdown
### Rounded addons
|
|
|
|
Since input addons are button elements, usual modifier classes apply to them.
|
|
You can use the `rounded` on both the input and the button inside the addon
|
|
element to create a rounded field with addons.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VField addons>
|
|
<VControl expanded>
|
|
<VInput
|
|
type="text"
|
|
class="input is-rounded"
|
|
placeholder="Find a repository"
|
|
/>
|
|
</VControl>
|
|
<VControl>
|
|
<VButton color="primary" rounded>
|
|
Search
|
|
</VButton>
|
|
</VControl>
|
|
</VField>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VField addons>
|
|
<VControl expanded>
|
|
<VInput type="text" class="input is-rounded" placeholder="Find a repository" />
|
|
</VControl>
|
|
<VControl>
|
|
<VButton color="primary" rounded>Search</VButton>
|
|
</VControl>
|
|
</VField>
|
|
|
|
<!--/example-->
|