Separator

A visual separator component that creates a horizontal line to divide content.

function SeparatorExample() {
  return (
    <div>
      <h1 style={{ width: 'max-content' }}>Section 1</h1>
      <Separator />
      <h1 style={{ width: 'max-content' }}>Section 2</h1>
    </div>
  );
}

CSS Variables

Color

--ax-public-list-item-separator-background-color

Size

--ax-public-list-item-separator-border-size