diff --git a/docs/src/components/playground/Checkbox.svelte b/docs/src/components/playground/Checkbox.svelte
new file mode 100644
index 00000000..ac235ff9
--- /dev/null
+++ b/docs/src/components/playground/Checkbox.svelte
@@ -0,0 +1,7 @@
+<script>
+  import { Checkbox } from "carbon-components-svelte";
+
+  export let value = undefined;
+</script>
+
+<Checkbox bind:checked="{value}" {...$$restProps} />
diff --git a/docs/src/components/playground/TextInput.svelte b/docs/src/components/playground/TextInput.svelte
new file mode 100644
index 00000000..4da95d13
--- /dev/null
+++ b/docs/src/components/playground/TextInput.svelte
@@ -0,0 +1,7 @@
+<script>
+  import { TextInput } from "carbon-components-svelte";
+
+  export let value;
+</script>
+
+<TextInput style="margin-bottom: 1rem;" bind:value {...$$restProps} />