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

Avatar Group

An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.

Code Tabs

A tabs component that displays code for different languages.