PageBlock

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.

Example

<PageBlock column="main" blockId="my-block"> <div>My Block</div></PageBlock>

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

Parameters

props

Props used to configure the PageBlock component.

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

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.

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

Parameters

props

A component for displaying an auto-generated form for custom fields on a page. This is a special form of PageBlock that automatically generates a form corresponding to the custom fields for the given entity type.

Example

<CustomFieldsPageBlock column="main" entityType="Product" control={form.control} />

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

Parameters

props