Overview

tng-divider renders a horizontal or vertical separator. Use orientation (horizontal | vertical), optional label with align (start | center | end), and dashed. Class hooks: rootKlass, lineKlass, labelKlass, gapKlass, thicknessKlass, verticalHeightKlass.

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

rootKlass, lineKlass, labelKlass, gapKlass, thicknessKlass (e.g. border-t), verticalHeightKlass for vertical divider height.