StdDlgBulletTextItem

Displays a bulleted list of text in a StdDlgContentArea

import { StdDlgBulletTextItem } from "@roku-sdk/components";
StdDlgBulletTextItem(props: IStdDlgBulletTextItemProps): JSX.Element

Description

Displays a bulleted list of text in a StdDlgContentArea.

Parameters

NameTypeDescription
propsIStdDlgBulletTextItemProps

Example

<stdDlgBulletTextItem
    bulletType="numbered"
    bulletText={["Connect to Wi-Fi", "Sign in to your account", "Start streaming"]}
/>

Types

IStdDlgBulletTextItemProps

Properties for the StdDlgBulletTextItem component.

Displays a bulleted, numbered, or lettered list of text in the content area.

NameTypeDescription
bulletText?string[]Array of strings displayed as a bulleted/numbered/lettered list.
bulletType?IStdDialogBulletTypeSee below.

Extends IStdDlgItemBaseProps.

IStdDlgBulletTextItemProps.bulletType

Type of list delimiter.

  • "bullet": bullet point
  • "numbered": 1, 2, 3…
  • "lettered": a, b, c…

IStdDialogBulletType

Bullet list delimiter type for StdDlgBulletTextItem.

type IStdDialogBulletType = "bullet" | "numbered" | "lettered";

What’s Next

Did this page help you?