diff --git a/ts_web/elements/dees-icon.ts b/ts_web/elements/dees-icon.ts new file mode 100644 index 0000000..ccd63da --- /dev/null +++ b/ts_web/elements/dees-icon.ts @@ -0,0 +1,55 @@ +import { LitElement, html, property, customElement } from 'lit-element'; + +import * as domtools from '@designestate/dees-domtools'; + +@customElement('dees-icon') +export class DeesIcon extends LitElement { + public static demo = () => html``; + + @property() + public iconName: string; + + constructor() { + super(); + domtools.elementBasic.setup(); + } + + public render() { + return html` + ${domtools.elementBasic.styles} + + ${this.iconName} + `; + } +} diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts index 38769b2..54dea7b 100644 --- a/ts_web/elements/index.ts +++ b/ts_web/elements/index.ts @@ -1,6 +1,7 @@ export * from './dees-button'; export * from './dees-form'; export * from './dees-form-submit'; +export * from './dees-icon'; export * from './dees-input-checkbox'; export * from './dees-input-dropdown'; export * from './dees-input-quantityselector';