Compose Editor

ComposeEditor is a focused drafting preset for writing flows where speed and clarity matter more than every possible feature.

Usage

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

export function App() {
  return (
    <ComposeEditor
      compactToolbar
      placeholder="Write your draft..."
    />
  );
}

Props

ComposeEditorProps inherits all ExtensiveEditorProps except direct featureFlags, then adds:

• featureFlags: FeatureFlagOverrides (optional overrides)
• compactToolbar: false (default) | true

Default mode profile

• availableModes: ["visual", "json"]
• Toolbar is enabled by default (inherited from ExtensiveEditor).

Default feature profile

Enabled by default:

• bold, italic, underline, strikethrough
• list, history, link, blockFormat, codeFormat

Disabled by default:

• image, table, iframeEmbed, youTubeEmbed
• emoji, floatingToolbar, contextMenu
• commandPalette, slashCommand
• draggableBlock, customNode

Behavior

• Great for writing drafts, briefs, notes, and long-form content where rich media is optional.
• Keeps the surface clean while still allowing the core writing commands most teams use daily.
• Supports user-provided featureFlags overrides so you can selectively re-enable disabled features.

Related pages

• Extensive Editor
• Feature Flags