Position

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:

<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
• position
• height
• width