Add show checkerboard toggle to settings

kettek · Jan 17, 2025 · caa73ab · caa73ab
1 parent 25f7ce1
commit caa73ab
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/src/components/settings/Checkerboard.svelte b/frontend/src/components/settings/Checkerboard.svelte
@@ -4,7 +4,7 @@
   This component is provides settings for changing the checkerboard background.
 -->
 <script lang="ts">
-  import { Column, Grid, Modal, NumberInput, Row, TextInput } from 'carbon-components-svelte'
+  import { Checkbox, Column, Grid, Modal, NumberInput, Row, TextInput } from 'carbon-components-svelte'
   import { editor2DSettings, editor2DSettingsDefault } from '../../stores/editor2d'
   import Input from '../common/Input.svelte'
   import { Bee } from 'carbon-icons-svelte'
@@ -14,6 +14,9 @@
 
 <Grid narrow condensed fullWidth>
   <Column>
+    <Row>
+      <Checkbox labelText="Show Checkerboard" bind:checked={$editor2DSettings.showCheckerboard}></Checkbox>
+    </Row>
     <Row>
       <SettingsInput noPadding labelWidth="10" type="number" label="Checkerboard Size" min={1} max={512} step={1} bind:value={$editor2DSettings.checkerboardSize} defaultValue={editor2DSettingsDefault.checkerboardSize} />
     </Row>