Separator

A component that visually or semantically separates content into distinct sections. Implements proper semantic meaning through ARIA attributes when used as a non-decorative element.

Supports both horizontal and vertical orientations

Configurable as decorative or semantic separator

Architecture

so-separator

Reference

  • Separator

    The separator component that renders either an accessible divider or a decorative element based on its configuration. When non-decorative, it automatically implements the appropriate ARIA attributes for accessibility.

    • Attributes

      • decorative
        boolean
        /
        default: false

        When true, indicates that the separator is purely visual and carries no semantic meaning. This removes the separator from the accessibility tree and omits ARIA attributes.

      • orientation
        enum
        /
        default: horizontal

        The orientation of the separator. When set to vertical, the separator will span vertically.

made for toddle