Built-in UI

Use the built-in UI

Let SuperDoc render common editor controls while your application owns access, workflow, and storage.

Use the built-in UI when SuperDoc's editing and review controls fit your product. Start with the defaults, then configure only the surfaces your workflow needs.

Explore the built-in UI

Choose a surface to see where it appears, how it starts, and where to configure it.

Initial behavior: React's SuperDocEditor creates a toolbar container. A Vanilla integration provides one.

Formatting commands reflect the document, selection, and mode. Controls adapt when space is tight.

The marks in the document are tracked changes. Learn how to review them.

Start with the toolbar, then choose only the surfaces your product needs. These guides are recipes, not steps that all need to be completed. Each names the project files and sample document it uses.

What your application owns

The built-in UI does not choose which documents a person can access, authenticate users, save edits, or define your product workflow. Your application owns those boundaries.

Config.ui decides what SuperDoc draws. It does not grant access or enforce permissions.

Start with the toolbar

Continue with Configure the built-in toolbar to mount it, choose its controls, and test its responsive behavior.

On this page