add docs to input right icon

Author: SerVitasik

adminforth/documentation/docs/tutorial/03-Customization/15-afcl.md

@@ -240,13 +240,37 @@ import { Input } from '@/afcl'
   </template>
 </Input>
 ```
+
   </div>
   <div>
     ![AFCL Input](image-46.png)
   </div>
 </div>
 
 
+<div class="split-screen" >
+  <div >
+```js
+import { Input } from '@/afcl'
+import { IconSearchOutline } from '@iconify-prerendered/vue-flowbite'
+```
+
+
+```html
+<Input type="text" class="w-full">
+  <template #rightIcon>
+    <IconSearchOutline class="w-5 h-5 text-gray-400"/>
+  </template>
+</Input>
+```
+
+
+  </div>
+  <div>
+    ![AFCL Input](inputRightIcon.png)
+  </div>
+</div>
+
 ## Tooltip
 
 Wrap an element on which you would like to show a tooltip with the `Tooltip` component and add a `tooltip` slot to it.