Back to CodeBlock

Line Numbering

View Source
1
2
3
4
5
6
7
8
9
10
11
12
13
import { CodeBlock } from 'mdxts/components'

export function LineNumbering() {
  return (
    <CodeBlock
      filename="line-numbers.ts"
      value={`const a = 1;\nconst b = 2;\n\nconst add = a + b\nconst subtract = a - b`}
      showLineNumbers
      highlightedLines="4"
    />
  )
}
line-numbers.ts
1
2
3
4
5
const a = 1
const b = 2

const add = a + b
const subtract = a - b