Render Corner Box

Below is an example that allows you to render your custom Corner Box component using Planby's style components. Available props in Corner Box

Property	Type	Description	Status
isRTL	boolean	RTL mode	optional
styles	object	Object contains position styles	optional

<Epg
  {...getEpgProps()}
  renderCornerBox={(props) => <CustomCornerBox {...props} />}
>
  ...
  <Layout {...getLayoutProps()} />
</Epg>

Default component

import { EpgCornerBox, type CornerBox } from "@nessprim/planby-pro";

export function CustomCornerBox(props: CornerBox) {
  return <EpgCornerBox {...props} />;
}

Custom Corner Box with custom styles

import { type CornerBox } from "@nessprim/planby-pro";

export function CustomCornerBox(props: CornerBox) {
  return <div style={{ ...props.style }} />;
}