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, over. side leads to the master area to shrink when the details are shown, over makes the details overlap with the master area and locks the master area while the details are shown. Default: side
• 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