Divider

What is this?

Dividers serve the purpose of separating and distinguishing sections of content or groups of items. The divider component renders an hr element and grants accessibility described on the WAI-ARIA Separator Role.

Horizontal

By default, the orientation property has a horizontal.

---

Vertical

The value can also be set to vertical

---

Usage

import { Divider } from '@vtex/admin-ui'

export function Example() {
  return <Divider />
}

Props

Name	Type	Description	Required	Default
csx	StyleObject	Custom styles	🚫	{}
orientation	horizontal, vertical	Divider orientation	🚫	'horizontal'

• What is this?
• Horizontal
• Vertical