Separator

Create a semantic visual break between related content.

Live example

A reviewed public example, isolated from this page.

Open example
import { Separator } from "heidi-ui";
import "heidi-ui/styles.css";

Copy this one primitive from its hosted source recipe or install the whole package from the Heidi UI overview.

Anatomy

  • root<div>

    The divider element (div). Decorative → aria-hidden; otherwise role=separator.

    ARIA role: separator

Root properties

  • decorative
  • orientation