> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hyperwisor.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Arrow

> A directional arrow for pointing and flow.

<Info>
  **Category:** Shapes · **Decorative:** no data binding
</Info>

## Mental model

An **Arrow is a pointer.** A line with an arrowhead — point at things, show flow or
direction on a diagram.

## Settings

**Stroke** controls color and thickness, **opacity** and **rotation** set appearance
and direction (rotate to point anywhere).

## Script API example

The same interactions from a [dashboard script](/script/overview):

```js theme={null}
// Wind-direction arrow
ws.onMessage((msg) => {
  if (msg.heading !== undefined) widget.setRotation('windArrow', msg.heading);
});
```

<Card title="Line" icon="minus" href="/dashboard/widgets/line">
  A plain line without an arrowhead.
</Card>