Components/Divider

Divider

Newlayout

Horizontal or vertical separator with optional centered label for section breaks.

import { Divider } from '@/components/forge'

Preview

Divider

Account details

or continue with

Team workspace

Code Example

Props

PropTypeDefaultRequiredDescription
orientation'horizontal' | 'vertical''horizontal'NoSeparator direction
labelstring-NoOptional label for horizontal dividers

Variants

horizontalverticallabeled

Accessibility

  • Uses role="separator"
  • Sets aria-orientation when rendered as a separator

Related Components