Br is used to render new lines in paragraphs of text.

Br wraps a regular br tag and supports responsive styles, making it easy to conditionally show or hide a new line on different screen sizes.


import { Br } from '@saas-ui/react'


Setting the display to none will hide the new line.

This is my awesome
<Br d={{ sm: 'inline', lg: 'none' }} /> hero header

Br Props#

The Heading composes the Box component, so you can pass all Box props.

Was this helpful?