Divider
Dividerは、要素間において区切りを表すコンポーネントです。
インポート
import { Divider } from "@yamada-ui/react"
使い方
編集可能な例
<Flex direction="column" gap="md"> <Divider variant="solid" /> <Divider variant="dashed" /> <Divider variant="dotted" /> </Flex>
垂直に区切り線を引く
編集可能な例
<Flex h="sm" gap="md"> <Divider orientation="vertical" variant="solid" /> <Divider orientation="vertical" variant="dashed" /> <Divider orientation="vertical" variant="dotted" /> </Flex>
区切り線を垂直にする場合は、親要素またはDividerに高さを設定する必要があります。
GitHubでこのページを編集する