> ## 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.

# Triangle

> A triangle shape for decoration.

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

## Mental model

A **Triangle is a three-sided marker.** A vector triangle for arrows, indicators, and
decoration.

## Settings

Common shape settings — **fill**, **stroke** (color + width), **opacity**, optional
**rotation speed**.

## Script API example

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

```js theme={null}
// Point the triangle from device data
ws.onMessage((msg) => {
  if (msg.dir !== undefined) widget.setRotation('pointer', msg.dir);
});
```

<Card title="All shapes" icon="shapes" href="/dashboard/widgets/shapes">
  The shared shape settings.
</Card>