From 1970fc3448c4512b0a9d6ec9bd23531b4b3bb0b8 Mon Sep 17 00:00:00 2001
From: Praveen Bisht <prvnbist@gmail.com>
Date: Wed, 2 Oct 2019 12:46:15 +0530
Subject: [PATCH] Fixed issues acc. to guidelines

---
 snippets/TagInput.md | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/snippets/TagInput.md b/snippets/TagInput.md
index 6f467101d..adae92acc 100644
--- a/snippets/TagInput.md
+++ b/snippets/TagInput.md
@@ -72,7 +72,7 @@ Renders an input field to add tags.
 ```
 
 ```jsx
-function TagInput(props) {
+function TagInput() {
 	const [tags, setTags] = React.useState(['NodeJs', 'MongoDB'])
 	const removeTags = indexToRemove => {
 		setTags([...tags.filter((_, index) => index !== indexToRemove)])
@@ -84,26 +84,25 @@ function TagInput(props) {
 		}
 	}
 	return (
-		<div className="tags-input">
-			<ul id="tags">
+		<div className='tags-input'>
+			<ul id='tags'
 				{tags.map((tag, index) => (
-					<li key={index} className="tag">
+					<li key={index} className='tag'
 						<span>{tag}</span>
 						<i
-							className="material-icons"
 							onClick={() => removeTags(index)}
 						>
-							close
+							x
 						</i>
 					</li>
 				))}
 			</ul>
 			<input
-				type="text"
+				type='text'
 				onKeyUp={event =>
 					event.key === 'Enter' ? addTags(event) : null
 				}
-				placeholder="Press enter to add tags"
+				placeholder='Press enter to add tags'
 			/>
 		</div>
 	)
@@ -111,5 +110,5 @@ function TagInput(props) {
 ```
 
 ```jsx
-ReactDOM.render(<TagInput />, document.getElementById("root"));
+ReactDOM.render(<TagInput />, document.getElementById('root');
 ```