Heading

The component show the heading of the ship on a compass. The blue arrow is heading and the blue outline arrow is course over ground. There is a possibility to add a heading setpoint if appropriate. See Figma file

Variations

HDG comes in two different variations, one circular and one flat.

Circular
The component show the heading on a round compass.
Flat
The component show heading on a flat compass. The blue heading arrow are still and the compass moves in the background.

Sizes

HDG Circular comes in 3 different sizes; small, medium and large

circular

flat

Submit feedback