From 78cfe0270aa885ed656403dddd90bca9e605955e Mon Sep 17 00:00:00 2001 From: Danny White <3104761+dnywh@users.noreply.github.com> Date: Fri, 2 Oct 2026 17:29:04 +1000 Subject: [PATCH] align sidebar width and shortcut docs with implementation --- .../content/docs/components/sidebar.mdx | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/apps/design-system/content/docs/components/sidebar.mdx b/apps/design-system/content/docs/components/sidebar.mdx index 7a2e17d6b81..9fe3ef86115 100644 --- a/apps/design-system/content/docs/components/sidebar.mdx +++ b/apps/design-system/content/docs/components/sidebar.mdx @@ -105,14 +105,14 @@ Always wrap the sidebar and its trigger in `SidebarProvider`. ### Width -Set width with CSS variables on the provider (also used for layout spacing): +Override desktop width with `--sidebar-width` on the provider (also used for +layout spacing): ```tsx @@ -120,13 +120,10 @@ Set width with CSS variables on the provider (also used for layout spacing): ``` -Defaults live as `SIDEBAR_WIDTH` / `SIDEBAR_WIDTH_MOBILE` in -`packages/ui/src/components/shadcn/ui/sidebar.tsx`. - -### Keyboard shortcut - -Default toggle is `⌘B` / `Ctrl+B` (`SIDEBAR_KEYBOARD_SHORTCUT` in the same -file). +Defaults live as `SIDEBAR_WIDTH` / `SIDEBAR_WIDTH_ICON` in +`packages/ui/src/components/shadcn/ui/sidebar.tsx`. On mobile, the sheet sets +`--sidebar-width` from the hard-coded `SIDEBAR_WIDTH_MOBILE` constant, so there +is no separate CSS variable to override mobile width today. ### Persisted state