Vivid Logo Vivid

Divider

Use as a separator between content.

Orientation

Use the orientation attribute to control the orientation of the Divider. See the Use Cases.

<!-- Feel free to edit the code below. The live preview will update as you make changes. -->
<vwc-divider orientation="horizontal"></vwc-divider>
<vwc-divider orientation="vertical" class="vertical"></vwc-divider>

<style>
	.vertical {
		block-size: 40px;
	}
</style>