@contentful/f36-layout v4.0.0-alpha.1

title: 'Layout' type: 'layout' status: 'alpha' slug: /components/layout/ github: 'https://github.com/contentful/forma-36/tree/main/packages/components/layout' storybook: 'https://f36-storybook.contentful.com/?path=/story/components-layout--default'

typescript: ./src/Layout.tsx

A primitive for implementing common layout patterns seen within Contentful apps.

Import

import { Layout } from '@contentful/f36-components';
// or
import { Layout } from '@contentful/f36-layout';

Examples

Layout with header and sidebars

Full Screen Layout with header and sidebars

Basic Layout with body only

Layout with header

Layout with left sidebar

Layout with right sidebar

Props (API reference)