An In-page Preview consists of two side-by-side panels: a working area and a preview.
When to Use
Use this page layout when the user can benefit from seeing the outcome of her work before finalizing it.
Appearance & Behavior
The preview is sized according to the content and is always to the right of the working area. The preview can build as the user fills out the working area.
Example of In-page preview