XcMasterDetail

Name

XcMasterDetail

Description

The component is used to show details for a selected entry in a side area. A common use case is displaying information about entries in a XcTable.

Hints

This component is meant for simple use cases. A more versatile alternative is the XcStack. However, it's also somewhat more complex.

!!! TODO !!!

Attributes

• xc-master-detail-mode: Allowed values: side (default), over.
  • side: the master area shrinks when the details are shown
  • over: the details overlap with the master area and the master area is locked while the details are shown
• xc-master-detail-opened: Boolean-Flag, entscheidet, ob der Detail-Bereich angezeigt wird (default: false). xc-master-detail-position: Werte start oder end konfigurieren, auf welcher Seite des Master-Bereichs der Detail-Bereich angezeigt wird (default: end). xc-master-detail-side-area-size: Werte full, large, half, golden, small. Breite des Detail-Bereichs von groß nach klein (default: golden). xc-master-detail-escapable: Boolean-Flag, entscheidet, ob der Detail-Bereich mit der Escape-Taste geschlossen werden kann. (default: false).

Example Implementation

<xc-button
    (click)="apply()"
    [busy]="applying"
    [disabled]="applying"
>Apply</xc-button>

Result