diff --git a/package-lock.json b/package-lock.json
index 3722256..02f40fa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@sippy-platform/mellow-ui",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@sippy-platform/mellow-ui",
-      "version": "0.11.1",
+      "version": "0.11.3",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@headlessui/react": "1.6.6",
diff --git a/package.json b/package.json
index 43b9f91..9cc9dcc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sippy-platform/mellow-ui",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "description": "React components for the Mellow Design System.",
   "main": "./dist/mellow-ui.umd.js",
   "module": "./dist/mellow-ui.es.js",
diff --git a/src/components/NavItem/NavItem.tsx b/src/components/NavItem/NavItem.tsx
index 216210d..a383648 100644
--- a/src/components/NavItem/NavItem.tsx
+++ b/src/components/NavItem/NavItem.tsx
@@ -11,6 +11,10 @@ export type NavItemProps<T extends ElementType> = {
    * Whether the element is active
    */
   active?: boolean;
+  /**
+   * Whether the element is disabled
+   */
+  disabled?: boolean;
   /**
    * Custom classes for the label
    */
@@ -28,6 +32,7 @@ export function NavItem<T extends ElementType>({
   as,
   active,
   className,
+  disabled,
   children,
   ...props
 }: NavItemProps<T>) {
@@ -38,10 +43,12 @@ export function NavItem<T extends ElementType>({
       className={clsx(
         'pivot-link',
         {
-          'active': active
+          'active': active,
+          'disabled': disabled
         },
         className
       )}
+      disabled={disabled}
       {...props}
     >
       {children}