Function Distance

The Distance component can be used to conditionally render other components.

Example

<Wellbore id={wellboreId}>
 { // DistanceContext provider }
  <WellboreBounds id={wellboreId}>
    <BasicTrajectory />
    <Distance min={0} max={2000}>
      <TubeTrajectory />
    </Distance>
  </WellboreBounds>
</Wellbore>

Remarks

This component depends on a DistanceContext being provided by a parent component.

See

  • Distance(__namedParameters: DistanceProps): Element

    Parameters

    • __namedParameters: DistanceProps

      Distance props

      • children: ReactNode

        the elements that should be rendered when in visible range (min, max)

      • max: number

        the maximum distance for which the child elements of this component is rendered

      • Optionalmin?: number

        the minimal distance for which the child elements of this component is rendered

      • OptionalonDemand?: boolean

        if enabled, the child elements will only be loaded when within visible range, and will be unloaded/unmounted once it falls out of visible range

    Returns Element

Settings