diff --git a/ts_web/elements/dees-button.ts b/ts_web/elements/dees-button.ts index 6493acf..665269d 100644 --- a/ts_web/elements/dees-button.ts +++ b/ts_web/elements/dees-button.ts @@ -19,7 +19,7 @@ declare global { @customElement('dees-button') export class DeesButton extends DeesElement { - public static demo = () => html``; + public static demo = () => html`This is a slotted Text`; @property() public text: string; diff --git a/ts_web/elements/dees-form-submit.ts b/ts_web/elements/dees-form-submit.ts index 2d538db..fd926e8 100644 --- a/ts_web/elements/dees-form-submit.ts +++ b/ts_web/elements/dees-form-submit.ts @@ -1,4 +1,11 @@ -import { customElement, html, DeesElement, css, cssManager, property } from '@designestate/dees-element'; +import { + customElement, + html, + DeesElement, + css, + cssManager, + property, +} from '@designestate/dees-element'; import { DeesForm } from './dees-form'; declare global { @@ -9,15 +16,15 @@ declare global { @customElement('dees-form-submit') export class DeesFormSubmit extends DeesElement { - public static demo = () => html``; + public static demo = () => html`This is a sloted text`; @property({ - type: Boolean + type: Boolean, }) public disabled = false; @property({ - type: String + type: String, }) public text: string; @@ -28,11 +35,15 @@ export class DeesFormSubmit extends DeesElement { public static styles = [cssManager.defaultStyles, css``]; public render() { - return html`${this.text ? this.text : html``} `; + return html` + + ${this.text ? this.text : html``} + + `; } public async submit() { - if(this.disabled) { + if (this.disabled) { return; } const parentElement: DeesForm = this.parentElement as DeesForm;