Code Editor

Powered by

Animate UIMotion

Installation

Usage

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

If you want to toggle between light and dark themes, you can use the theme prop.

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

When to use

Use this decision tree to determine when to use the Code Editor component:

Props

Credits

• We use Animate UI for the code editor component and style.
• We use Animate UI from imskyleen for all the animations.