Create a new layout for side-by-side (split mode) editing and preview.

Benefits

• Instantly see what impact your content changes have on the experience.
• Common feature in headless competitors (often done via static site generator)

Behavior

• Changes to the content are instantly shown in the preview. (autosave, autorefresh behavior)
• Toggle in action bar toggles between normal and split screen modes.
• In split mode, form layout is on the left and preview is on the right.
• In the form, field labels move to the top of the field to save horizontal space.
• Preview action bar controls the preview mode (desktop, mobile etc.) just like in normal (non-split) preview.
• Edit action bar provides the basic actions on the content item, such as Rename, Duplicate and Publish.

Mockup

• https://zpl.io/a3BAOJQ
• https://zpl.io/blYGxn5