core/split-view/split-view-alerts.component.ts
Marker component for alert content in split-view lists. Provides a named slot for displaying alerts above the list items.
The parent split-view-list component detects this component via @ContentChild and conditionally renders the alert section when present.
This is a purely structural component with no logic or styling - all content is projected and styled by the consumer.
Example :<c8y-sv-list [title]="'Alarms'">
<c8y-sv-alerts>
@if (hasWarning) {
<div class="alert alert-warning" role="alert">
The selected item is not currently in the list.
</div>
}
</c8y-sv-alerts>
<!-- list items -->
@for (item of items; track item.id) {
<c8y-li>{{ item.name }}</c8y-li>
}
</c8y-sv-list><c8y-sv-list [title]="'Items'">
<c8y-sv-alerts>
@if (hasInfo) {
<div class="alert alert-info" role="alert">
Information message
</div>
}
@if (hasWarning) {
<div class="alert alert-warning" role="alert">
Warning message
</div>
}
</c8y-sv-alerts>
<!-- list content -->
</c8y-sv-list>| selector | c8y-sv-alerts |
| standalone | true |
| template | |