Wrap
Wrapは、Flexにwrapを設定したコンポーネントです。Flexから便利なスタイルのショートハンドを継承しています。
インポート
import { Wrap } from "@yamada-ui/react"
使い方
編集可能な例
<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>
GitHubでこのページを編集する