SectionActions
Reusable section actions component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<SectionActions
label="Action"
href="href"
type="button"
variant="primary"
disabled="false"
/>Legacy mount name: data-component="SectionActions".
Props and attributes
| Prop | Type | Requirement | Default |
|---|---|---|---|
label | string | Optional | "Action" |
href | string | Optional | "" |
type | string | Optional | "button" |
variant | string | Optional | "primary" |
disabled | boolean | Optional | false |
class | string | Optional | "" |
Slots
default
Events
This component does not declare a custom event.
Source contract
Installed source: components/SectionActions.wrn
component SectionActions {
props {
label = "Action"
href = ""
type = "button"
variant = "primary"
disabled = false
class = ""
}
view {
<span class="wire-catalog-action {class}">{#if href}<a href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot />
</a>{:else}<button type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot />
</button>{/if}</span>
}
}