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

# Line

> A straight line for dividing and connecting.

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

## Mental model

A **Line is a divider or connector.** A straight vector line to separate sections or
connect elements visually.

## Settings

**Stroke** controls the line's color and thickness; **opacity** and optional
**rotation** set its appearance and angle.

## Script API example

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

```js theme={null}
// Hide the divider on small screens
if (context.device.screenWidth < 640) widget.hide('sectionDivider');
```

<Card title="Arrow" icon="arrow-right" href="/dashboard/widgets/arrow">
  A line with a directional arrowhead.
</Card>