StdDlgContentArea

Content area containing the main body of a StandardDialog

import { StdDlgContentArea } from "@roku-sdk/components";

StdDlgContentArea(props: IStdDlgContentAreaProps): JSX.Element

Description

Content area containing the main body of a StandardDialog.

Positioned between the title area and button area. Add StdDlg*Item child nodes (e.g., StdDlgTextItem, StdDlgGraphicItem) which are arranged vertically.

Parameters

Example

<stdDlgContentArea>
    <stdDlgTextItem text="Welcome to the app." />
    <stdDlgTextItem text="Please review the following:" namedTextStyle="secondary" />
    <stdDlgBulletTextItem bulletText={["Item A", "Item B", "Item C"]} />
</stdDlgContentArea>

Types

IStdDlgContentAreaProps

Properties for the StdDlgContentArea component.

Contains the main body of the dialog, positioned between the title area and button area. Add zero or more StdDlgItemBase-derived child nodes, which are arranged vertically top-to-bottom.

type IStdDlgContentAreaProps = IStdDlgAreaBaseProps;