Wrap

<Wrap gap="md">
  {Array(20)
    .fill(0)
    .map((_, index) =>
      ["primary", "secondary", "warning", "danger"].map((bg, nestedIndex) => (
        <Box
          key={`${index}-${nestedIndex}`}
          p="md"
          rounded="md"
          bg={bg}
          color="white"
        >
          Box
        </Box>
      )),
    )}
</Wrap>