ServiceStatusList
Reusable service status list component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ServiceStatusList
title="title"
description="description"
empty="false"
emptyText="No items available."
/>Legacy mount name: data-component="ServiceStatusList".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
title | string | Optional | "" |
description | string | Optional | "" |
empty | boolean | Optional | false |
emptyText | string | Optional | "No items available." |
class | string | Optional | "" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/ServiceStatusList.wrn
component ServiceStatusList {
props {
title = ""
description = ""
empty = false
emptyText = "No items available."
class = ""
}
view {
<section class="wire-catalog-collection {class}">
<header data-show="title || description">
<h2 data-show="title">{title}</h2>
<p data-show="description">{description}</p>
</header>
<div data-show="!empty" role="list" class="wire-catalog-collection__items">
<slot />
</div>
<p data-show="empty" role="status" class="wire-muted">{emptyText}</p>
</section>
}
}