Slash Editor

This preset is optimized for slash menu workflows.

When to use this

Use SlashEditor when command discovery should be slash-driven and toolbar usage is secondary.

Mode profile

• Modes: visual-only, visual, json, markdown, html.
• Toolbar is off by default.

Preset props

• slashVisibility: Controls slash command allow/deny lists.
• isDraggableEnabled: Enables or disables draggable block handles.
• featureFlags: Optional per-feature overrides. Includes codeIntelligence.

Code intelligence toggle

<SlashEditor
  featureFlags={{ codeIntelligence: false }}
/>

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

export function App() {
  return <SlashEditor placeholder="Type / for commands" />;
}