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