Skip to content

Position

  • Deprecated
  • Not reviewed for accessibility

The Position component is a wrapper component that gives the containing component css positioning abilities.

Deprecation

Use Box instead.

Before

<>
<Position position="absolute">...</Position>
<Absolute>...</Absolute>
<Relative>...</Relative>
<Fixed>...</Fixed>
<Sticky>...</Sticky>
</>

After

<>
<Box position="absolute">...</Box>
<Box position="absolute">...</Box>
<Box position="relative">...</Box>
<Box position="fixed">...</Box>
<Box position="sticky">...</Box>
</>

Default examples

System props

Position components get POSITION, LAYOUT, FLEX, and COMMON system props. Read our System Props doc page for a full list of available props.

Component props

Position does not get any additional props other than the system props mentioned above.

Edit this page on GitHub
4 contributorskhiga8mperrotticolebemissiddharthkp
Last edited by khiga8 on January 11, 2023