Skip to main content




Applies only to Traditional Web Apps

Separator Reference

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Layout and classes

    CSS selectors

    Element CSS Class Description
    .separator .separator-horizontal When IsVertical parameter is False
    .separator .separator-vertical When IsVertical parameter is True

    Advanced use case

    Use the vertical separator

    1. Drag a container into the preview.

    2. Create a class called "separator-height".

      .separator-height {
          height: 100px;
    3. Drag the Separator pattern into the container.

    4. Set the IsVertical parameter to True.

    5. Publish and test.

    • Was this article helpful?