dees-catalog/ts_web/elements/dees-button-exit.ts

48 lines
849 B
TypeScript
Raw Normal View History

2022-05-26 16:07:02 +00:00
import {
cssManager,
customElement,
DeesElement,
html,
2023-08-07 18:02:18 +00:00
type TemplateResult,
2022-05-26 16:07:02 +00:00
css,
2023-08-07 18:02:18 +00:00
type CSSResult,
2022-05-26 16:07:02 +00:00
state,
property
2023-08-07 17:13:29 +00:00
} from '@design.estate/dees-element';
2022-05-26 16:07:02 +00:00
@customElement('dees-button-exit')
export class DeesButtonExit extends DeesElement {
// DEMO
public static demo = () => html`
<dees-button-exit></dees-button-exit>
`;
// INSTANCE
@property({
type: Number
})
2023-01-09 22:13:44 +00:00
public size: number = 24;
2022-05-26 16:07:02 +00:00
public styles = [
cssManager.defaultStyles,
css`
`
]
public render (): TemplateResult {
return html`
<style>
.maincontainer {
position: relative;
width: ${this.size}px;
height: ${this.size}px;
}
</style>
<div class="maincontainer">
<div class="firstLine"></div>
<div class="secondLine"></div>
</div>
`;
}
}