37 lines
721 B
JavaScript
37 lines
721 B
JavaScript
/**
|
|
* Action Links List Component
|
|
* A container for icon link buttons with dividers
|
|
*/
|
|
class ActionLinksList extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
this.attachShadow({ mode: "open" });
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.render();
|
|
}
|
|
|
|
render() {
|
|
this.shadowRoot.innerHTML = `
|
|
<style>
|
|
:host {
|
|
display: block;
|
|
}
|
|
|
|
.action-links-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: var(--spacing-md, 1rem);
|
|
gap: var(--spacing-md, 1rem);
|
|
}
|
|
</style>
|
|
<div class="action-links-list">
|
|
<slot></slot>
|
|
</div>
|
|
`;
|
|
}
|
|
}
|
|
|
|
customElements.define("action-links-list", ActionLinksList);
|