Interface GridProps

interface GridProps {
    catalogLogoImageProps?: HtmlImgProps;
    catalogLogoType?: CatalogLogoType;
    convertChangeToText?: ((change: Change) => string);
    posterContainerAnchorProps?: HtmlAnchorProps;
    posterImageProps?: HtmlImgProps;
    posterType?: PosterType;
    priorityCatalogs?: Catalog[];
    rootDivProps?: HtmlDivProps;
    source: Source;
    textDivProps?: HtmlDivProps;
}

Hierarchy (view full)

Properties

catalogLogoImageProps? catalogLogoType? convertChangeToText? posterContainerAnchorProps? posterImageProps? posterType? priorityCatalogs? rootDivProps? source textDivProps?

Properties

OptionalcatalogLogoImageProps

catalogLogoImageProps?: HtmlImgProps

The props for the catalog logo image.

OptionalcatalogLogoType

catalogLogoType?: CatalogLogoType

The type of the catalog logo to display.

Default Value

"dark"

OptionalconvertChangeToText

convertChangeToText?: ((change: Change) => string)

The function to convert a change to text. Such as converting an "upcoming" change to "Coming Soon on August 1". The text will be displayed below the catalog logo. If not provided, the default English.convertChangeToText will be used. You can check that function as an example to create your own.

This function is only used if there's a highlighted change.

A highlighted change is automatically picked, if the poster is displayed within a Row or a Grid component with a ChangesSource.

Default Value

English.convertChangeToText

OptionalposterContainerAnchorProps

posterContainerAnchorProps?: HtmlAnchorProps

The props for the root anchor that contains the poster, the catalog logo and the text div.

OptionalposterImageProps

posterImageProps?: HtmlImgProps

The props for the poster image.

OptionalposterType

posterType?: PosterType

The type of the poster to display.

Default Value

"horizontal"

OptionalpriorityCatalogs

priorityCatalogs?: Catalog[]

The priority catalogs to use when displaying the shows. The catalogs are prioritized in the order they are provided.

If a show is available in multiple streaming catalogs, the first catalog in the list that contains the show will be used when showing the catalog logo and deep link.

OptionalrootDivProps

rootDivProps?: HtmlDivProps

The props for the root div contains all the posters.

source

source: Source

The source of the items to display in the grid.

OptionaltextDivProps

textDivProps?: HtmlDivProps

The props for the text div to display the text below the catalog logo regarding the highlighted change such as "Coming Soon on August 1".

This field is only used if there's a highlighted change.

A highlighted change is automatically picked, if the poster is displayed within a Row or a Grid component with a ChangesSource.

Settings

Member Visibility

On This Page

Properties