Allow use of any trailing material design icon in TextField

Signed-off-by: Christopher Ng <[email protected]>

src/components/NcTextField/NcTextField.vue

@@ -131,6 +131,8 @@ export default {
 		<template v-if="type !== 'search'" #trailing-button-icon>
 			<Close v-if="trailingButtonIcon === 'close'" :size="20" />
 			<ArrowRight v-else-if="trailingButtonIcon === 'arrowRight'" :size="20" />
+			<!-- @slot Optional material design icon -->
+			<slot v-else name="trailing-button-icon" />
 		</template>
 	</NcInputField>
 </template>
@@ -230,15 +232,12 @@ export default {
 
 		/**
 		 * Specifies which material design icon should be used for the trailing
-		 * button. Values can be `close` anbd `arrowRight`.
+		 * button. Values can be `close`, `arrowRight`, or any material
+		 * design icon passed into the slot of the same name.
 		 */
 		trailingButtonIcon: {
 			type: String,
-			default: 'close',
-			validator: (value) => [
-				'close',
-				'arrowRight',
-			].includes(value),
+			default: undefined,
 		},
 
 		/**