diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
index dab06ad63..846df172e 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
@@ -46,7 +46,7 @@
 		color = c;
 	}
 
-	function filter(flavor: string): void {
+	function toggle(flavor: string): void {
 		flavors[flavor] = !flavors[flavor];
 	}
 </script>
@@ -161,7 +161,7 @@
 							<!-- prettier-ignore -->
 							<span
 								class="chip {flavors[f] ? 'variant-filled' : 'variant-soft'}"
-								on:click={() => { filter(f); }}
+								on:click={() => { toggle(f); }}
 								on:keypress
 							>
 								{#if flavors[f]}<span><i class="fa-solid fa-check" /></span>{/if}
@@ -179,6 +179,14 @@ let flavors: Record<string, boolean> = {
 	chocolate: false,
 	strawberry: false
 };
+`}
+					/>
+					<CodeBlock
+						language="ts"
+						code={`
+function toggle(flavor: string): void {
+	flavors[flavor] = !flavors[flavor];
+}
 `}
 					/>
 					<CodeBlock
@@ -187,7 +195,7 @@ let flavors: Record<string, boolean> = {
 {#each Object.keys(flavors) as f}
 	<span
 		class="chip {flavors[f] ? 'variant-filled' : 'variant-soft'}"
-		on:click={() => { filter(f); }}
+		on:click={() => { toggle(f); }}
 		on:keypress
 	>
 		{#if flavors[f]}<span>(icon)</span>{/if}