# Position

*Category:* Components
*Section:* Misc
*Source:* https://uikit.developers.rio.cloud/#/components/position
*Captured:* 2026-04-27T14:58:25.444Z

A helper component to format a latitude / longitude position.

## Position

### Example: Example 1

N48° 8.246′ E11° 34.529′ N52° 7.394′ W12° 14.054′

#### React (tsx)

```tsx
import Position from '@rio-cloud/rio-uikit/Position';

export default () => (
    <div>
        <Position latitude={48.13743} longitude={11.57549} />
        <hr />
        <Position latitude={52.123234} longitude={-12.234234234} />
    </div>
);
```

#### HTML (html)

```html
<div>
    <span class="vehiclePositionInfo">N48° 8.246′ E11° 34.529′</span>
    <hr>
    <span class="vehiclePositionInfo">N52° 7.394′ W12° 14.054′</span>
</div>
```

#### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| latitude | number | — | The latitude to display. |
| longitude | number | — | The longitude to display. |
| address | string | — | Can be used to override the default output. |