Render Line

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

Available props in Line

Property	Type	Description	Status
isVerticalMode	boolean	Vertical mode	optional
isTimeline	boolean	Vertical mode	optional
styles	object	Object contains position styles	optional

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

export function CustomLine({ styles }: Line) {
  return (
    <div
      style={{
        ...styles.position,
        background: "red",
        pointerEvents: "none",
      }}
    />
  );
}