@kaizen/draft-page-layout v2.3.14
title: "Content" navTitle: "Content" summaryParagraph: Content limits the width its content to the maximum allowed width for any given screen size, and centres it within the viewport. tags: "Content", "Structure" demoStoryId: components-page-layout--default-story health: designed: true documented: true implemented: true latestDesign: true allVariants: true responsive: true internationalized: true accessible: true
githubLabels: "component:page-layout"
import WhenToUseAndWhenNotToUse from "docs-components/WhenToUseAndWhenNotToUse" import WhenToUse from "docs-components/WhenToUse" import WhenNotToUse from "docs-components/WhenNotToUse" import DoAndDontContainer from "docs-components/DoAndDontContainer" import Do from "docs-components/Do" import Dont from "docs-components/Dont"
To keep in mind
Content
will match the width and alignment of theTitleBlockZen
contentContent
should be used as a wrapper for most page content below the title blockContent
should always be wrapped in aContainer
to ensure it is spaced correctlyContainer
will stretch to the edge of the viewport, and so it can be used as a container for full-width elements (backgrounds)
- Use Content as a wrapper for most page content below the title block
- When you’re implementing the "skirt" below the title block — there’s a
specific
Skirt
component for that
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago