fix(docs): displaying removeTagsTexts data (#4992)

* fix(docs): displaying removeTagsTexts data

* Update removed tags texts in custom-select.json

Author: mfranzke

showcases/angular-showcase/src/app/components/custom-select/custom-select.component.html

@@ -61,6 +61,7 @@
 				[validMessage]="exampleProps?.validMessage"
 				[validation]="exampleProps?.validation"
 				(optionSelected)="console.log($event)"
+				[removeTagsTexts]="exampleProps?.removeTagsTexts"
 			></db-custom-select>
 		}
 	</ng-template>

showcases/react-showcase/src/components/custom-select/index.tsx

@@ -42,7 +42,8 @@ const getCustomSelect = ({
 	validMessage,
 	validation,
 	invalidMessage,
-	showRequiredAsterisk
+	showRequiredAsterisk,
+	removeTagsTexts
 }: DBCustomSelectProps & {
 	lineBreak?: boolean;
 	info?: boolean;
@@ -114,6 +115,7 @@ const getCustomSelect = ({
 			onOptionSelected={(value) => {
 				setValue(value);
 			}}
+			removeTagsTexts={removeTagsTexts}
 		/>
 	);
 };

showcases/shared/custom-select.json

@@ -1833,10 +1833,10 @@
 					"multiple": true,
 					"id": "id-10271",
 					"removeTagsTexts": [
-						"Removed Option 1",
-						"Removed Option 2",
-						"Removed Option 3",
-						"Removed Option 4"
+						"Remove Option entry 1",
+						"Remove Option entry 2",
+						"Remove Option entry 3",
+						"Remove Option entry 4"
 					]
 				},
 				"children": []

showcases/vue-showcase/src/components/custom-select/CustomSelect.vue

@@ -86,6 +86,7 @@ const getSearchFilter = (option: CustomSelectOptionType, _: string): boolean =>
 				:selectedType="exampleProps?.selectedType"
 				:formFieldWidth="exampleProps?.formFieldWidth"
 				:on-option-selected="(values) => log(values)"
+				:removeTagsTexts="exampleProps?.removeTagsTexts"
 			/>
 		</template>
 	</DefaultComponent>