Mark | DocsKit

Install

$ pnpm dlx shadcn@latest add https://docskit.codehike.org/r/mark

Add the mark handler:

@/components/code.handlers.tsx

+
import { mark } from "./mark"

export function getHandlers(
  options: CodeOptions,
) {
  return [
    line,
+
    mark,
  ]
}

content.mdx

```js
function lorem(ipsum) {
  return ipsum // !mark
}
```

preview

function lorem(ipsum) {
  return ipsum 
}

You can use any CSS color value, including variables:

content.mdx

```js
function lorem(ipsum) {
  // !mark var(--color-green-400)
  return ipsum
}
```

preview

function lorem(ipsum) {
  return ipsum
}

Use regular expressions to highlight tokens:

content.mdx

```py
# !mark[/ipsum/gm]
def lorem(ipsum):
  return ipsum
```

preview

def lorem(ipsum):
  return ipsum