Rename input suffix slot to input-right

docs/components/input/index.md

@@ -13,16 +13,16 @@ You can use bootstrap icons
 <fw-input icon="bi-search" placeholder="Search" />
 
 
-## Input suffix slot
+## Input-right slot
 ```html
 <fw-input v-model="value" placeholder="Search">
-  <template #suffix>
+  <template #input-right>
     suffix
   </template>
 </fw-input>
 ```
 <fw-input placeholder="Search">
-  <template #suffix>
+  <template #input-right>
     suffix
   </template>
 </fw-input>

src/components/input/Input.vue

@@ -24,8 +24,8 @@ defineProps<Props>()
       :placeholder="placeholder"
       @click.stop
     />
-    <div v-if="$slots.suffix" class="suffix">
-      <slot name="suffix" />
+    <div v-if="$slots['input-right']" class="input-right">
+      <slot name="input-right" />
     </div>
   </div>
 </template>

src/components/input/style.scss

@@ -45,7 +45,7 @@
     }
 
     .prefix,
-    .suffix {
+    .input-right {
       display: flex;
       align-items: center;
       color: var(--fw-gray-600);
@@ -62,7 +62,7 @@
       justify-content: center;
     }
 
-    .suffix {
+    .input-right {
       padding-right: 12px;
     }
   }