<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [client](./client.md) &gt; [HytopiaUI](./client.hytopiaui.md) &gt; [connectArrow](./client.hytopiaui.connectarrow.md)

## HytopiaUI.connectArrow() method

Creates an arrow between two points or entities.

**Signature:**

```typescript
connectArrow(source: number | THREE.Vector3Like, target: number | THREE.Vector3Like, options?: {
        color?: {
            r: number;
            g: number;
            b: number;
        };
        textureUri?: string;
    }): number;
```

## Parameters

<table><thead><tr><th>

Parameter


</th><th>

Type


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

source


</td><td>

number \| THREE.Vector3Like


</td><td>

Source entity ID (number) or position (Vector3Like)


</td></tr>
<tr><td>

target


</td><td>

number \| THREE.Vector3Like


</td><td>

Target entity ID (number) or position (Vector3Like)


</td></tr>
<tr><td>

options


</td><td>

{ color?: { r: number; g: number; b: number; }; textureUri?: string; }


</td><td>

_(Optional)_ Optional arrow properties (color, textureUrl)


</td></tr>
</tbody></table>

**Returns:**

number

The arrow ID

