1. Primitives
  2. Code

<Code />

Size  

<Stack padding={4} space={[3, 3, 4, 5]}>
<Card>
<Code size={0}>Code 0</Code>
</Card>
<Card>
<Code size={1}>Code 1</Code>
</Card>
<Card>
<Code size={2}>Code 2</Code>
</Card>
<Card>
<Code size={3}>Code 3</Code>
</Card>
<Card>
<Code size={4}>Code 4</Code>
</Card>
</Stack>

Language  

The language property is used to define the language to use for syntax highlighting.
<Card padding={4}>
<Code language="typescript">
console.log('Hello, world')
</Code>
</Card>

Properties  

as?: React.ElementType | keyof JSX.IntrinsicElements
language?: string
muted?: boolean
size?: number | number[]
weight?: string
Made withby folks at