Wrap
Wrap
は、Flex
にwrap
を設定したコンポーネントです。Flex
から便利なスタイルのショートハンドを継承しています。
インポート
import { Wrap } from "@yamada-ui/react"
使い方
編集可能な例
<Wrap gap="md"> <For each={Array.from({ length: 20 })}> {(_, index) => ( <For key={index} each={["primary", "secondary", "warning", "danger"]}> {(bg, nestedIndex) => ( <Box key={`${index}-${nestedIndex}`} p="md" rounded="md" bg={bg} color="white" > Box </Box> )} </For> )} </For> </Wrap>
GitHubでこのページを編集する