Vivid Logo Vivid

Divider

Use as a separator between content.

Usage

import { registerDivider } from '@vonage/vivid';

registerDivider('your-prefix');

Role

The role attribute in the divider component will be deprecated.

According to accessibility review - dividers shall not be announced by screen readers.

The role attribute to express the semantic value of the divider. If it is being use purely for decorative purposes, set it to presentation.

See the Decorative Divider use case.

API Reference

Properties

Property Type Default Description
appearance 'ghost' | 'subtle' The appearance of the divider.
orientation 'horizontal' | 'vertical' The orientation of the divider.
Property Type Default Description
appearance 'ghost' | 'subtle' The appearance of the divider.
orientation 'horizontal' | 'vertical' The orientation of the divider.