Examples

Interactive Examples

Live demos showcasing DocxEditor props — toggle options in real time to see how each feature works.

Playground

Try the full interactive playground to toggle props and see changes in real time:

Read-Only Mode

Compare the full editor with a read-only preview. The readOnly prop strips the toolbar and all editing UI:

Mode Toggle

Switch between editing, suggesting, and viewing modes to see how the editor behaves in each:

Customize the title bar with a logo, document name, and right-side actions:

Author Attribution

Set the author prop to attribute comments and track changes to specific users: