Skip to main contentSkip to navigation

Code Editor

PreviousNext

Code Editor component for Hanzo UI

Loading...

Installation

Run the following command:

npx @hanzo/ui@latest add code-editor

Usage

import { Code Editor } from "@/registry/default/ui/code-editor"

export default function Example() {
  return <Code Editor />
}

Examples

Default

Loading...

API

Documentation coming soon.

Features

  • Built with Radix UI and Tailwind CSS
  • Fully accessible and keyboard navigable
  • Customizable styling with CSS variables
  • TypeScript support

Notes

For more examples and advanced usage, see the examples.