DocsKitalpha

Link

Add clickable links inside code blocks

Install

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

Add the link handler:

@/components/code.handlers.tsx
+
import { link } from "./link"
export function getHandlers(
options: CodeOptions,
) {
return [
line,
+
link,
]
}

ExampleTry it in the Playground

content.mdx
```js
// !link[/lorem/] https://codehike.org
function lorem(ipsum) {
return ipsum
}
```
preview
function lorem(ipsum) {
return ipsum
}