mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-19 21:05:06 +09:00
38 lines
659 B
Markdown
38 lines
659 B
Markdown
### Font Awesome
|
|
|
|
Vuero `VInput` are fully compatible with Font Awesome 5 icons.
|
|
Use the `iconed` prop on the `<VControl />` component to show an icon.
|
|
You also have to provide an icon type using the `icon` or `iconify` props.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VField>
|
|
<VControl icon="fab fa-twitter">
|
|
<VInput
|
|
type="text"
|
|
class="is-rounded"
|
|
placeholder="Username"
|
|
/>
|
|
</VControl>
|
|
</VField>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VField>
|
|
<VControl icon="fab fa-twitter">
|
|
<VInput
|
|
type="text"
|
|
class="is-rounded"
|
|
placeholder="Username"
|
|
/>
|
|
</VControl>
|
|
</VField>
|
|
|
|
<!--/example-->
|