lux‐divider v16

LUX-Divider

• LUX-Divider
  • Overview / API
    • Allgemein
    • @Input
  • Beispiele
    • 1. Horizontal Divider
    • 2. Vertical Divider

Overview / API

Allgemein

Name	Beschreibung
import	LuxLayoutModule
selector	lux-divider

@Input

Name	Typ	Beschreibung
luxInset	boolean	Bestimmt ob der Divider über die komplette Breite der aktuellen Komponente geht oder nur mit einem leichten Versatz.
luxVertical	boolean	Bestimmt ob der Divider vertikal oder horizontal dargestellt wird.

Beispiele

1. Horizontal Divider

Html

<div class="lux-flex lux-flex-col">
  <p>Lorem ipsum</p>
  <lux-divider></lux-divider>
  <p>Dolor sit amet</p>
</div>

2. Vertical Divider

Html

<div class="lux-flex">
  <p>Lorem ipsum</p>
  <lux-divider [luxVertical]="true"></lux-divider>
  <p>Dolor sit amet</p>
</div>