Wrap
Wrap
is a component that has wrap
set on Flex
. It inherits convenient style shorthand from Flex
.
Import
import { Wrap } from "@yamada-ui/react"
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>
Edit this page on GitHub