WorkspaceCard
Reusable workspace card component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<WorkspaceCard
title="title"
description="description"
href="href"
/>Legacy mount name: data-component="WorkspaceCard".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
title | string | Optional | "" |
description | string | Optional | "" |
href | string | Optional | "" |
class | string | Optional | "" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/WorkspaceCard.wrn
component WorkspaceCard {
props {
title = ""
description = ""
href = ""
class = ""
}
view {
<article class="wire-card wire-catalog-card wire-catalog-card--workspace {class}">
<h3 data-show="title">{title}</h3>
<p data-show="description">{description}</p>
<slot />
<a data-show="href" href="{href}" class="wire-catalog-card__link">
<span class="wire-visually-hidden">Open {title}</span>
</a>
</article>
}
}