Br

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#

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

Usage#

Setting the display to none will hide the new line.

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

Br Props#

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