Pre

Displays preformatted and typically multiline text.

It implements the <pre> element.

Typically used with a <code> element child.

Props

Use any valid <pre> props.

Multiline HTML code block.

import { Code, Pre } from 'device-agnostic-ui'

<Pre>
  <Code>{`<section>
  <h1>Header</h1>
</section>`}</Code>
</Pre>

<section>
  <h1>Header</h1>
</section>