Group

Group component - a layout container for organizing and positioning child nodes

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

Group(props: IGroupProps): JSX.Element

Description

Group component - a layout container for organizing and positioning child nodes.

Group is a layout container node that serves as the base class for organizing and positioning child nodes in the SceneGraph. It provides transformation, rendering, and clipping capabilities for managing visual hierarchies.

Parameters

Example

<group
    translation={[100, 50]}
    opacity={0.8}
>
    <rectangle width={200} height={100} color="#0000FFFF" />
    <label text="Hello World" />
</group>