first

documentation/elements/forms/inputs/input-fa-documentation.md

@@ -0,0 +1,37 @@
+### 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-->