Code Editor

A code editor component featuring syntax highlighting and animation.

component.tsx

Installation

<CodeEditor lang="tsx">
  {`const a = 1;
const b = 2;
const c = a + b;`}
</CodeEditor>

Prop	Type	Default
`onCopy?`	`(content: string) => void`	-
`onDone?`	`() => void`	-
`title?`	`string`	-
`writing?`	`boolean`	`true`
`copyButton?`	`boolean`	`false`
`inViewOnce?`	`boolean`	`true`
`inViewMargin?`	`string`	`0px`
`inView?`	`boolean`	`false`
`cursor?`	`boolean`	`false`
`icon?`	`React.ReactNode`	-
`dots?`	`boolean`	`true`
`header?`	`boolean`	`true`
`delay?`	`number`	`0`
`duration?`	`number`	`5`
`themes?`	`{ light: string; dark: string }`	`{ light: "github-light"; dark: "github-dark" }`
`lang`	`string`	-
`children`	`string`	-

Built by Skyleen. The source code is available on GitHub.