Skip to content

Separator

A horizontal line that divides content.

A Separator is a visual element that creates a horizontal line to divide content into distinct sections.

Usage

Section titled “Usage”
import { Separator } from '@workflowbuilder/ui';


function Example() {
  return (
    <div>
      <span>Above</span>
      <Separator />
      <span>Below</span>
    </div>
  );
}

Props

Section titled “Props”

This component has no configurable props.

CSS variables

Section titled “CSS variables”

Color

--wb-public-list-item-separator-background-color

Size

--wb-public-list-item-separator-border-size