CodeEditor

CodeEditor Component

stable
Playground
TypeScript
Props
PropTypeDefaultValue
languagetext
readOnlyboolean
lineNumbersboolean
heighttext
Default
TypeScript
ReadOnly
JavaScriptread-only
JavaScript
JavaScript
PROPTYPEDEFAULTDESCRIPTION
heighttextEditor height
languagetextLanguage label
lineNumbersbooleanShow line numbers
readOnlybooleanRead-only mode
Using CodeEditortsx
import { CodeEditor } from '@/components/CodeEditor'

<CodeEditor
  language="..."
  readOnly="..."
  lineNumbers="..."
  height="..."
/>
Tokens Used
No design tokens detected