fix(core/playground): bind values to checkboxes

vime-js · Nov 9, 2020 · a2f472e · a2f472e
1 parent 2afb2be
commit a2f472e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/core/src/components/core/playground/playground.tsx b/packages/core/src/components/core/playground/playground.tsx
@@ -130,9 +130,9 @@ export class Playground {
           <input type="text" id="poster" value={this.poster} readonly />
           <div class="checkboxes">
             <label htmlFor="ui">Custom UI</label>
-            <input type="checkbox" id="ui" onChange={this.onCustomUiChange.bind(this)} />
+            <input type="checkbox" id="ui" checked={this.showCustomUI} onChange={this.onCustomUiChange.bind(this)} />
             <label htmlFor="theme">Light Theme</label>
-            <input type="checkbox" id="theme" onChange={this.onThemeChange.bind(this)} />
+            <input type="checkbox" id="theme" checked={this.theme === 'light'} onChange={this.onThemeChange.bind(this)} />
           </div>
         </div>
       </Host>