<div>
<Page
header={
<Stack alignItems="center" spacing="0">
<Stack.Item fill>
<Headline size="large">Thin Max Width, Page Title</Headline>
<BodyText subdued>A short page description.</BodyText>
</Stack.Item>
<Button primary>Action</Button>
</Stack>
}
maxWidth="narrow"
>
<Card><Card.Section red>Content that is apart of the page.</Card.Section></Card>
</Page>
<Page
header={
<Stack alignItems="center" spacing="0">
<Stack.Item fill>
<Headline size="large">Default Max Width, Page Title</Headline>
<BodyText subdued>A short page description.</BodyText>
</Stack.Item>
<Button primary>Action</Button>
</Stack>
}
>
<Card><Card.Section red>Content that is apart of the page.</Card.Section></Card>
</Page>
<Page
header={
<Stack alignItems="center" spacing="0">
<Stack.Item fill>
<Headline size="large">No Max Width, Page Title</Headline>