Homecomponentslayout

Alpha
This component is in development. There could be breaking changes made to it in a non-major release of Prism. Please use with caution.

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, keyof IntrinsicElements>
Table of Contents
API