Skip to main content

PageBlock

PageBlock

Status: Developer Preview

A component for displaying a block of content on a page. This should be used inside the PageLayout component. It should be provided with a column prop to determine which column it should appear in, and a blockId prop to identify the block.

Signature
function PageBlock(props: Readonly<PageBlockProps>): void

Parameters

props

parameter
Readonly<PageBlockProps>

PageBlockProps

Status: Developer Preview

Signature
type PageBlockProps = {
children?: React.ReactNode;
column: 'main' | 'side';
blockId?: string;
title?: React.ReactNode | string;
description?: React.ReactNode | string;
className?: string;
}

children

property
React.ReactNode

column

property
'main' | 'side'

blockId

property
string

title

property
React.ReactNode | string

description

property
React.ReactNode | string

className

property
string

FullWidthPageBlock

Status: Developer Preview

A component for displaying a block of content on a page that takes up the full width of the page. This should be used inside the PageLayout component.

Signature
function FullWidthPageBlock(props: Readonly<Pick<PageBlockProps, 'children' | 'className' | 'blockId'>>): void

Parameters

props

parameter
Readonly<Pick<PageBlockProps, 'children' | 'className' | 'blockId'>>

CustomFieldsPageBlock

Status: Developer Preview

A component for displaying an auto-generated form for custom fields on a page.

Signature
function CustomFieldsPageBlock(props: Readonly<{
column: 'main' | 'side';
entityType: string;
control: Control<any, any>;
}>): void

Parameters

props

parameter
Readonly<{ column: 'main' | 'side'; entityType: string; control: Control<any, any>; }>