<Code />
<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>
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>
as?: React.ElementType | keyof JSX.IntrinsicElements
language?: string
muted?: boolean
size?: number | number[]
weight?: string