MonacoEditor

Monaco code editor bound to a path, with a configurable language and theme and a fixed or parent-based height

Live preview

Open in new tab ↗

The component renders Monaco editor.

Configuration:

  • theme {String} a default theme (default: vs-light)
  • language {String} language / mode (default: javascript)
  • height {Number} a default/minimal height (default: 200)
  • parent {String} optional, a container with fixed height, can be window (default value: auto)
  • margin {Number} optional, a top/bottom margin together (default: 0)

More UI components

Browse all 348