chakra-ui/chakra-ui @chakra-ui/layout@1.2.0

on GitHub

Minor Changes

• df66d58e
  #3137 Thanks
  @TimKolberger! - Add AbsoluteCenter
  component to help manage centering of an element relative to its parent
  dimensions.

  It requires a parent that has position: relative to work correctly.

  Here's how it works:

  <Box position="relative" w="600px" h="400px">
    <img src="some-image.png" />
    {/** This will be centered relative to `Box` */}
    <AbsoluteCenter>
      <PlayButton />
    </AbsoluteCenter>
  </Box>