Divider
Dividerは、要素間において区切りを表すコンポーネントです。
Dividerはv2.0で削除される予定です。代わりにSeparatorを使用してください。
インポート
import { Divider } from "@yamada-ui/react"
使い方
編集可能な例
<Flex direction="column" gap="md"> <For each={["solid", "dashed", "dotted"]}> {(variant, index) => <Divider key={index} variant={variant} />} </For> </Flex>
垂直に区切り線を引く
編集可能な例
<Flex h="sm" gap="md"> <For each={["solid", "dashed", "dotted"]}> {(variant, index) => ( <Divider key={index} orientation="vertical" variant={variant} /> )} </For> </Flex>
区切り線を垂直にする場合は、親要素またはDividerに高さを設定する必要があります。
GitHubでこのページを編集する