Overview

tng-divider renders a horizontal or vertical separator. Use orientation (horizontal | vertical), optional label with align (start | center | end), and dashed. Slot-based styling: container, line, label, gap, thickness, verticalHeight.

Quick example

Basic
HTMLTSCSS

<tng-divider />
<tng-divider label="OR" />

Above

Below

Features

Orientation & label

orientation: horizontal | vertical. Optional label with align: start | center | end. dashed for dashed border.

Class hooks

slot.container, slot.line, slot.label, slot.gap, slot.thickness, slot.verticalHeight.