Types shared by several `@roku-sdk/components` exports, or used by none of them directly ```typescript import type { AnimationControl, AnimationRef, AnimationState, AudioControl, AudioRef, AudioState, ColorFieldInterpolatorRef, ContentClassifier, ContentType, DrmKeySystem, DrmTemplateType, EaseFunction, EventHandler, FloatFieldInterpolatorRef, FontValue, HorizAlign, HorizFocusAnimationStyle, HorizOrigin, IAnimationBaseProps, IArrayGridProps, IBaseNodeProps, IButtonDataProps, ICdnConfigEntry, ICdnSwitchingAttributes, ICertificateAttributes, IContentClassificationAttributes, IContentNodeProps, IDescriptiveAttributes, IDrmAttributes, IDrmParams, IFieldInterpolatorPropsBase, IFrameworkProps, IFullPanelProps, IGroupProps, IKeyHandlerData, ILabelBaseProps, ILabelListProps, ILayoutGroupProps, IListScreenAttributes, IPanelProps, IPlaybackConfiguration, IPlaybackConfigurationAttributes, IPlaybackControlAttributes, IsResObjType, IStandardDialogProps, IStdDlgAreaBaseProps, IStdDlgItemBaseProps, IStreamEntry, ISubtitleTrack, ITargetGroupProps, ITextEditBoxProps, ITrackIdAttributes, IVoiceTextEditBoxProps, IZoomRowListDataAttributes, KeyboardDomain, LayoutDirection, LayoutGroupHorizAlign, LayoutGroupVertAlign, LiveBoundsPauseBehavior, LoadDisplayMode, MediaControl, MediaState, PanelSize, PlayReadyEncodingType, PosterDisplayMode, PreferredAudioCodec, Rating, Rect2D, ResObject, ResType, RowItemPosition, RowListItemEventHandler, SimpleLabelFontUri, SoundEffectRef, StreamFormat, StreamQuality, SubtitleTrackName, SubtitleTrackSource, SystemFont, TimeGridItemEventHandler, TimeGridItemPosition, Uri, Vector2D, Vector2DFieldInterpolatorRef, VertAlign, VertFocusAnimationStyle, VideoControl, VideoMode, VideoRef, VideoState, } from "@roku-sdk/components"; import type { CorePropsByTag, IEffectCoreProps, IGroupCoreProps, ILabelCoreProps, IPosterCoreProps, IRectangleCoreProps, ITweenCoreProps, } from "@roku-sdk/components/core-props"; import type { IBusySpinnerProps } from "@roku-sdk/components/busy-spinner"; import type { IModalProps } from "@roku-sdk/components/jsx-props"; import type { Resolution, ResolutionScale } from "@roku-sdk/components/helpers"; ``` Each is documented here once and linked from every page that uses it. ## Types ### AnimationControl Animation control commands. - `none`: Initial state with no associated action. - `start`: Always plays the animation from the beginning. - `stop`: Stops the animation in its current state. - `pause`: Pauses the animation in its current state. - `resume`: If paused, resumes from the current state; otherwise plays from the beginning. - `finish`: Jumps to the end of the animation, setting all fields to final values. ```typescript type AnimationControl = "none" | "start" | "stop" | "pause" | "resume" | "finish"; ``` ### AnimationRef Handle for imperative control of an [Animation](doc:rsg-sdk-animation) or [SequentialAnimation](doc:rsg-sdk-sequentialanimation) component, obtained via the `ref` prop. Extends `ComponentRef` with convenience methods that map to [AnimationControl](doc:rsg-sdk-components-types#animationcontrol) values, so you can drive animation playback without manually setting the `control` prop. Uses [IAnimationBaseProps](doc:rsg-sdk-components-types#ianimationbaseprops) as the base so it works with both `Animation` and `SequentialAnimation`. #### Example ```jsx import { Animation, AnimationRef, FloatFieldInterpolator, Button } from "@roku-sdk/components"; const FadeDemo = () => { let animRef!: AnimationRef; return ( <>