36 lines
552 B
Markdown
36 lines
552 B
Markdown
|
### 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}
|
||
|
|
/>;
|
||
|
|
```
|