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;