Merge pull request #31488 from tdukart/react-tag-input-classnames

Add classNames prop to react-tag-input

types/react-tag-input/index.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for React-Tags (react-tag-input) 5.0
+// Type definitions for React-Tags (react-tag-input) 6.1
 // Project: https://github.com/prakhar1989/react-tags
 // Definitions by: Ogglas <https://github.com/Ogglas>
 //                  Jan Karres <https://github.com/jankarres>
@@ -38,6 +38,17 @@ export interface ReactTagsProps {
     inline?: boolean;
     allowUnique?: boolean;
     allowDragDrop?: boolean;
+
+    classNames?: {
+        tags?: string,
+        tagInput?: string,
+        tagInputField?: string,
+        selected?: string,
+        tag?: string,
+        remove?: string,
+        suggestions?: string,
+        activeSuggestion?: string
+    };
 }
 
 export class WithContext extends React.Component<ReactTagsProps> { }

types/react-tag-input/react-tag-input-tests.tsx

@@ -31,6 +31,17 @@ ReactDOM.render(
 
         name="react-tags-field"
         id="react-tags-field"
+
+        classNames={{
+            tags: 'tagsClass',
+            tagInput: 'tagInputClass',
+            tagInputField: 'tagInputFieldClass',
+            selected: 'selectedClass',
+            tag: 'tagClass',
+            remove: 'removeClass',
+            suggestions: 'suggestionsClass',
+            activeSuggestion: 'activeSuggestionClass'
+        }}
     />,
     document.getElementById("app")
 );