first

documentation/button/v-button-feather-documentation.md

@@ -0,0 +1,46 @@
+### Lucide Icons
+
+`<VButton />` components work well with Font Awesome Icons.
+Add an icon name inside the `icon` prop to set a Font Awesome icon.
+You can also create square and circle buttons with a single icon
+using the `<VIconButton />` component.
+Please refer to markup for detailed examples.
+
+<!--code-->
+
+```vue
+<template>
+  <VButtons>
+    <VButton
+      color="info"
+      icon="lucide:twitter"
+      elevated
+    >
+      Tweet Now
+    </VButton>
+    <VButton
+      color="danger"
+      icon="lucide:gitlab"
+      raised
+      rounded
+    >
+      Commit Code
+    </VButton>
+  </VButtons>
+</template>
+```
+
+<!--/code-->
+
+<!--example-->
+
+<VButtons>
+  <VButton color="info" icon="lucide:twitter" elevated>
+      Tweet Now
+  </VButton>
+  <VButton color="danger" icon="lucide:gitlab" raised rounded>
+      Commit Code
+  </VButton>
+</VButtons>
+
+<!--/example-->