rodydavis
b9e42c3ef4
Build and Deploy / build-and-deploy (push) Has been cancelled
- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes. - lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode. - lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.
39 lines
916 B
TypeScript
39 lines
916 B
TypeScript
import { html } from "lit";
|
|
|
|
import "@material/mwc-button";
|
|
import "@material/mwc-icon-button";
|
|
|
|
interface ButtonOptions {
|
|
icon?: string;
|
|
label?: string;
|
|
action?: string;
|
|
slot?: string;
|
|
type?: string;
|
|
form?: string;
|
|
callback: () => void;
|
|
}
|
|
export const button = (options: ButtonOptions) => {
|
|
return html` <mwc-button
|
|
@click=${() => options.callback()}
|
|
slot=${options?.slot ?? ""}
|
|
label=${options?.label ?? ""}
|
|
action=${options?.action ?? ""}
|
|
type=${options?.type ?? ""}
|
|
form=${options?.form ?? ""}
|
|
icon=${options?.icon ?? ""}
|
|
>
|
|
</mwc-button>`;
|
|
};
|
|
|
|
export const iconButton = (options: ButtonOptions) => {
|
|
return html` <mwc-icon-button
|
|
@click=${() => options.callback()}
|
|
slot=${options?.slot ?? ""}
|
|
action=${options?.action ?? ""}
|
|
type=${options?.type ?? ""}
|
|
form=${options?.form ?? ""}
|
|
icon=${options.icon ?? ""}
|
|
>
|
|
</mwc-icon-button>`;
|
|
};
|