Code

Demos

`code` and `pre` tags

Use Section or Theme.Context with surface="dark" to provide dark surface context to supporting components.

My formatted text inside a paragraph

My formatted text inside a paragraph on dark surface

Code Syntax

<Flex.Stack>
  <P>
    My <Code>formatted text</Code> inside a paragraph
  </P>

  <Section
    surface="dark"
    innerSpace={{
      block: 'small',
    }}
  >
    <P>
      My <Code>formatted text</Code> inside a paragraph on dark surface
    </P>
  </Section>

  <pre className="dnb-pre">Code Syntax</pre>
</Flex.Stack>