diff --git a/index.html b/index.html index 090fa15..9f54476 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,24 @@ - All systems operational + + All systems operational + +
+ + Something's wrong + +
+ + It's just fine; carry on + +
+ + Nothing matters + +
+ + Slow down... + \ No newline at end of file diff --git a/src/status-indicator.ts b/src/status-indicator.ts index 5cdfc5b..d227a69 100644 --- a/src/status-indicator.ts +++ b/src/status-indicator.ts @@ -1,11 +1,34 @@ import { WebComponent, html } from 'web-component-base' -import stylesheet from './stylesheets' - -console.log(stylesheet.cssRules) class StatusIndicator extends WebComponent { + static shadowRootInit: ShadowRootInit = { + mode: 'closed' + } + + static props = { + status: 'default', + } + + #indicatorColor: any = { + default: [216, 226, 233], + active: [0, 149, 255], + positive: [75, 210, 143], + intermediary: [255, 170, 0], + negative: [255, 77, 77] + } + get template(): any { return html` +
` }