Back to CodeBlock

Line Highlight and Focus

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

export function LineHighlightAndFocus() {
  return (
    <CodeBlock
      filename="line-highlight-and-focus.ts"
      value={`const a = 1;\nconst b = 2;\n\nconst add = a + b\nconst subtract = a - b`}
      highlightedLines="2, 4"
      focusedLines="2, 4"
    />
  )
}
line-highlight-and-focus.ts
const a = 1
const b = 2

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