Formatierter TextBewahrt Abstände und Formatierung.

Pre

Lorem ipsum dolor sit amet,consectetur adipiscing elit.    Sed do eiusmod tempor        incididunt ut labore.

import Pre from '@/components/Pre';
export function Example() {  return (    <Pre>{`Lorem ipsum dolor sit amet,consectetur adipiscing elit.    Sed do eiusmod tempor        incididunt ut labore.`}    </Pre>  );}

Pre ($language)

import React from 'react';
export function Component() {  return <div>Lorem ipsum</div>;}

import Pre from '@/components/Pre';
export function Example() {  return (    <Pre $language="tsx">{`import React from 'react';
export function Component() {  return <div>Lorem ipsum</div>;}`}    </Pre>  );}

Pre ($hideLineNumbers)

function lorem() {
  return 'ipsum';
}

console.log(lorem());

import Pre from '@/components/Pre';
export function Example() {  return (    <Pre $hideLineNumbers>{`function lorem() {  return 'ipsum';}
console.log(lorem());`}    </Pre>  );}

Pre ($hideClipboard)

{  "name": "lorem",  "value": "ipsum",  "description": "Dolor sit amet"}

import Pre from '@/components/Pre';
export function Example() {  return (    <Pre $hideClipboard $language="json">{`{  "name": "lorem",  "value": "ipsum",  "description": "Dolor sit amet"}`}    </Pre>  );}