diff --git a/packages/bbui/src/SideNavigation/Item.svelte b/packages/bbui/src/SideNavigation/Item.svelte
index dfebdb46a6..1ed25c55b4 100644
--- a/packages/bbui/src/SideNavigation/Item.svelte
+++ b/packages/bbui/src/SideNavigation/Item.svelte
@@ -7,13 +7,14 @@
   export let icon = ""
   export let selected = false
   export let disabled = false
+  export let onClick = undefined
 </script>
 
 <li
   class="spectrum-SideNav-item"
   class:is-selected={selected}
   class:is-disabled={disabled}
-  on:click
+  on:click={onClick}
 >
   {#if heading}
     <h2 class="spectrum-SideNav-heading" id="nav-heading-{heading}">