Homecomponentslayout

Pancake

A layout of three views with a flexible center.

Use the Pancake layout to arrange three elements in a stack with a stretchable element in the middle.

It expects exactly 3 direct children and arranges them in the pre-defined layout of three rows, with only the central row growing or shrinking.

Open the following example in Playroom to see it in action.

Header
Body
Footer
Open in Playroom

API

children
Required
The content of the component.
ReactNode
as
The root element to use for the component.
ElementType<any>
Table of Contents
API