Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

Wrap

Wrap is a component that has wrap set on Flex. It inherits convenient style shorthand from Flex.

Source@yamada-ui/layouts

Import

import { Wrap } from "@yamada-ui/react"
Copied!

Usage

Editable example

<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>
Copied!

Edit this page on GitHub

PreviousFlexNextCenter