Channel - RTL

Below is an example that allows you to render your custom Channel component using Planby's style components with RTL.

info

The Planby Layout is handling out of the box the rendering of the channels and detecting the RTL featured turned on.

Available props

Property	Type	Description	Status
isVerticalMode	boolean	Vertical mode	optional
channel	object	Object contains position styles and url for logo	optional

import {
  useEpg,
  Epg,
  Layout,
  ChannelBox,
  ChannelLogo,
  Channel,
  ChannelItem,
} from "@nessprim/planby-pro";

const CustomChannelItem = ({ channel }: IChannelItem) => {
  const { position, logo } = channel;

  return (
    <ChannelBox data-testid="sidebar-item" {...position}>
      <ChannelLogo src={logo} alt="Logo" />
    </ChannelBox>
  );
};