---
title: "Components — Position"
canonical: https://sky-ui.cf.sky.com/components/position
apiPackages: [{"name":"@sky-uk/ui-core","representedVersion":"13.2.0"}]
---

# Components — Position

The Position component allows elements to be rapidly positioned without needing to use bespoke components.

```js
import { Position } from '@sky-uk/ui-core';
```

---

The `Position` component allows elements to be rapidly positioned without needing to use bespoke components.

This is particularly useful for creating sticky or fixed containers:

```tsx
<Position $position="relative" $height="1000px">
    <Position $position="sticky" $top="100px">
        <Button $variant="primary">Floating CTA</Button>
    </Position>
</Position>
```

---

## System Modifiers

The `Position` component supports the props applied using the following system modifiers:

- [overflow](/core/system/overflow/)
- [position](/core/system/position/)
- [height](/core/system/height/)
- [width](/core/system/width/)