Package: luthorType: tutorialSurface: preset

Quickstart: @lyfie/luthor

Start with presets when you want a complete editor quickly.

When to use this

Use this quickstart when you need toolbar, editing surface, and source modes without building custom UI.

Install

npm install @lyfie/luthor

import '@lyfie/luthor/styles.css';
import { ExtensiveEditor } from '@lyfie/luthor';

export function App() {
  return (
    <ExtensiveEditor
      placeholder="Write anything..."
      availableModes={['visual-editor', 'json', 'markdown', 'html']}
    />
  );
}