• Docs
  • Components
  • Divider

Divider - Aspect UI

The Divider component is a thin line used to visually separate content. It supports horizontal or vertical orientation and customizable spacing and colors for better layout structure.

Table of Contents#

Default Divider#

Divider Props#

PropTypeDefaultDescription
orientationhorizontal verticalhorizontalThe orientation of the divider.
sizesm md lg xl 2xlmdThe size of the divider.
variantstart center end fullfullThe variant of the divider.
borderStylesolid dashed dotted doublesolidThe border style of the divider.
classNamestring-Additional CSS classes for the component.
childrenReactNode-The content of the divider.