Em

Used to mark text for emphasis.

Source: packages/chakra-ui-solid/src/components/emChakra UI ↗

The design system is a collection of UI elements

import { Box, Em } from "chakra-ui-solid";

export default function EmBasic() {
  return (
    <Box as="p">
      The <Em>design system</Em> is a collection of UI elements
    </Box>
  );
}

Usage

import { Em } from "chakra-ui-solid";
<Text>
  The <Em>design system</Em> is a collection of UI elements
</Text>