Box
Boxは、他のすべてのコンポーネントがその上に構築される最も抽象的なコンポーネントです。デフォルトでは、div要素をレンダリングします。
インポート
import { Box } from "@yamada-ui/react"
使い方
編集可能な例
<Box p="md" rounded="md" bg="primary" color="white"> This is the Box </Box>
asを使う
asを渡すことで、異なる要素やコンポーネントとしてレンダリングすることができます。
編集可能な例
<Box as="button" p="md" rounded="md" bg="danger" color="white"> This is the button </Box>
GitHubでこのページを編集する