apps/www/content/docs/components/separator.mdx
import { Separator } from "@chakra-ui/react"
<Separator />
Use the variant prop to change the appearance of the separator.
Use the size prop to change the size of the separator.
Use the label prop to add a label to the separator.
Use the orientation prop to change the orientation of the separator.
Here's an example of how to change the orientation property based on the
screen size.
:::note
When the orientation prop is a responsive value, the separator will be
rendered without aria-orientation and the role is set to presentation.
:::