@roku-sdk/components

SolidJS components for SceneGraph nodes in the RSG 2.0 SDK. Each component wraps one node, such as a Label, Poster, Rectangle or Effect, or composes several, and takes the node's fields as typed JSX props.

Every props interface extends INodeProps, which holds the props all nodes accept, such as id, ref and focusable. The package also exports character constants for Roku remote-button glyphs and common symbols, from @roku-sdk/components/glyphs.

Install

pnpm add @roku-sdk/components

Usage

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

const framed = <Effect borderRadius={24} borderWidth={6} borderColor="0xF39C12FF" />;
<rectangle width={300} height={140} effect={framed} />;