You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
	
	
		
			36 lines
		
	
	
		
			552 B
		
	
	
	
		
			Markdown
		
	
		
		
			
		
	
	
			36 lines
		
	
	
		
			552 B
		
	
	
	
		
			Markdown
		
	
| 
											8 years ago
										 | ### All newlines
 | ||
|  | 
 | ||
|  | ```jsx | ||
|  | <AddNewLines text="\n\n\n" /> | ||
|  | ``` | ||
|  | 
 | ||
|  | ### Starting and ending with newlines
 | ||
|  | 
 | ||
|  | ```jsx | ||
|  | <AddNewLines text="\nin between\n" /> | ||
|  | ``` | ||
|  | 
 | ||
|  | ### With newlines in the middle
 | ||
|  | 
 | ||
|  | ```jsx | ||
|  | <AddNewLines text="Before \n\n after" /> | ||
|  | ``` | ||
|  | 
 | ||
|  | ### No newlines
 | ||
|  | 
 | ||
|  | ```jsx | ||
|  | <AddNewLines text="This is the text" /> | ||
|  | ``` | ||
|  | 
 | ||
|  | ### Providing custom non-newline render function
 | ||
|  | 
 | ||
|  | ```jsx | ||
|  | const renderNonNewLine = ({ text, key }) => ( | ||
|  |   <span key={key}>This is my custom content!</span> | ||
|  | ); | ||
|  | <AddNewLines | ||
|  |   text="\n first \n second \n" | ||
|  |   renderNonNewLine={renderNonNewLine} | ||
|  | />; | ||
|  | ``` |