Collapse | DocsKit

Install

$ pnpm dlx shadcn@latest add https://docskit.codehike.org/r/collapse?token=*****

Add the collapse handler:

@/components/code.handlers.tsx

+
import { collapse } from "./collapse"

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

ExampleTry it in the Playground

content.mdx

```js index.js
// !collapse(1:3)
function lorem(ipsum) {
  const sit = ipsum + 1
  return ipsum + sit
}

// !collapse(1:3) collapsed
function hello(ipsum) {
  const sit = ipsum + 2
  return ipsum + sit
}
```

preview

index.js


  const sit = ipsum + 1
  return ipsum + sit
}

}