Divider
Divider is a component that represents a division between elements.
Import
import { Divider } from "@yamada-ui/react"
Usage
Editable example
<Flex direction="column" gap="md"> <Divider variant="solid" /> <Divider variant="dashed" /> <Divider variant="dotted" /> </Flex>
Draw a vertical dividing line
Editable example
<Flex h="sm" gap="md"> <Divider orientation="vertical" variant="solid" /> <Divider orientation="vertical" variant="dashed" /> <Divider orientation="vertical" variant="dotted" /> </Flex>
When making the dividing line vertical, you need to set the height to the parent element or Divider.
Edit this page on GitHub