BUSY_SPINNER_DIMENSIONS

Standard dimensions for the default BusySpinner (theme:ActionHudSpinner)

import { BUSY_SPINNER_DIMENSIONS } from "@roku-sdk/components/busy-spinner";
const BUSY_SPINNER_DIMENSIONS: { height: ResObject<number>; width: ResObject<number> }

Description

Standard dimensions for the default BusySpinner (theme:ActionHudSpinner). These dimensions are resolution-aware and scale appropriately for HD and FHD displays.

Example

import { getBusySpinnerWidth, getBusySpinnerHeight } from "@roku-sdk/components";
import { useDeviceInfoEvents } from "@roku-sdk/rsg-ts/runtime";

// Get current resolution and select appropriate dimension
const { uiResolution } = useDeviceInfoEvents();
const width = getBusySpinnerWidth(uiResolution()?.res);
const height = getBusySpinnerHeight(uiResolution()?.res);

What’s Next

Did this page help you?