Skip to main content

Scaffold

Overview​

The scaffold is a layout component with slots for a header, body, and footer. It takes care of positioning and facilitates responsive design. CSS grid or flexbox can be used within the body of the scaffold to create more complex layouts.

Diagram of a scaffold component.

Using the scaffold with other components​

Use the scaffold to lay out a full page, with a left hand nav and / or sidesheet, or use it to structure a dialog or card with a header, scrollable body, and footer.

Image of two page layouts: one with lefthand nav and one with a side sheet, both using the scaffold for structure.

1. The scaffold may be used to structure a traditional page layout with lefthand nav.
2. The scaffold may be used to structure a page layout with a side sheet.

Image of a dialog and a card.

1. The scaffold may be used to structure a dialog.
2. The scaffold may be used to structure a card.

Components​

The scaffold is the foundation of layout in Forge apps. The scaffold places the main content of the page:

The scaffold may also be used to structure:

get-started​

  • The scaffold facilitates page layout.