Holo Divider
The <holo-divider> component renders a native <hr> in shadow DOM, which gets the separator role implicitly. Use the orientation prop to switch between a horizontal rule and a vertical divider for use inside flex layouts.
Live Previews
Section titled “Live Previews”Horizontal (default)
Section titled “Horizontal (default)”Section one
Section two
<p>Section one</p><holo-divider></holo-divider><p>Section two</p>Vertical
Section titled “Vertical”Left
<holo-divider orientation="vertical"></holo-divider>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| ------------- | ------------- | ----------------------------------------- | ---------------------------- | -------------- |
| orientation | orientation | The axis along which the divider renders. | "horizontal" \| "vertical" | "horizontal" |