Center

import { Center } from '@mantine/core';

function Demo() {
  return (
    <Center style={{ width: 400, height: 200 }}>
      <div>All elements inside Center are centered</div>
    </Center>
  );
}

import { Center, Anchor, Box } from '@mantine/core';
import { ArrowLeft } from 'tabler-icons-react';

function Demo() {
  return (
    <Anchor href="https://mantine.dev" target="_blank">
      <Center inline>
        <ArrowLeft size={14} />
        <Box ml={5}>Back to Mantine website</Box>
      </Center>
    </Anchor>
  );
}