import { useState } from 'react'
import Br from '../Br'
import Content from '../Content'
import Div from '../Div'
import Span from '../typography/Span'
import { u } from '../../config/helpers'
import TextInput from '../forms/TextInput'
import { Sandbox } from '@startupjs/docs'
# Br
`Br` используется для вставки разрыва строки. Он также позволяет разработчику настроить необходимое количество разрывов строк.
```jsx
import { Br } from 'startupjs/ui'
```
## Example
Количество разрывов линий можно изменить, передав число в свойство `lines`. Значение по умолчанию для `lines` равно `1`, а ширина одной строки - `16px`.
```jsx example
const itemStyle = {
height: u(5),
justifyContent: 'center',
alignItems: 'center'
}
const [value, setValue] = useState('1')
return (
setValue(text)}
/>
Item 1
Item 2
)
```
## Половина разрыва строки
Устанавливая свойство `half` в `true` создает разрыв строки, равный значению `lines` в `0.5`.
```jsx example
const itemStyle = {
height: u(5),
justifyContent: 'center',
alignItems: 'center'
}
return (
Item 1
Item 2
)
```
## Sandbox