Code

Code

A code component that animates the code as it is written.

my-component.tsx

delay

duration

writing

cursor

Installation

<Code>
  <CodeHeader />
  <CodeBlock />
</Code>

Prop	Type	Default
`code`	`string`	-
`...props?`	`React.ComponentProps<"div">`	-

Prop	Type	Default
`lang`	`string`	-
`theme?`	`"light" \| "dark"`	`light`
`themes?`	`{ light: string; dark: string }`	`{ light: "github-light", dark: "github-dark" }`
`writing?`	`boolean`	`false`
`duration?`	`number`	`5000`
`delay?`	`number`	`0`
`onDone?`	`() => void`	-
`inView?`	`boolean`	`false`
`inViewMargin?`	`string`	`0px`
`inViewOnce?`	`boolean`	`true`
`...props?`	`React.ComponentProps<"div">`	-

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