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

title: 'Layout' type: 'component' 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

Basic layout with header, sidebar and body

Props (API reference)