Divider ​

Separates content visually, either horizontally or vertically. It can also host a small inline action.

Examples ​

Action ​

API Reference ​

Show types
typescript
interface DividerAction {
  label: string
  onClick?: () => any
  /** @deprecated Use onClick instead. */
  handler?: () => any
  loading?: boolean
}

export interface DividerProps {
  orientation?: 'horizontal' | 'vertical'
  position?: 'start' | 'center' | 'end'
  flexItem?: boolean
  action?: DividerAction
}
Prop Default Type
orientation
"horizontal"
"horizontal" | "vertical"
position
"center"
"start" | "center" | "end"
flexItem
—
boolean
action
—
DividerAction
DialogDropdown