BusySpinner

BusySpinner component - displays an animated spinning indicator

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

Description

BusySpinner component - displays an animated spinning indicator.

The BusySpinner is commonly used to provide visual feedback during loading operations or to indicate that processing is in progress.

Parameters

NameTypeDescription
propsIBusySpinnerProps

Example

<busySpinner
  uri="theme:ActionHudSpinner"
  control="start"
  clockwise={true}
  spinInterval={2}
/>
// Controlling the spinner with state
const [isLoading, setIsLoading] = createSignal(true);

<busySpinner
  uri="pkg:/images/custom-spinner.png"
  control={isLoading() ? "start" : "stop"}
  visible={isLoading()}
/>

What’s Next

Did this page help you?