align sidebar width and shortcut docs with implementation

This commit is contained in:
Danny White committed 2026-10-02 17:29:04 +10:00
1 parent 285ce3a60b
commit 78cfe0270a
1 file changed
+6 -9
@@ -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
<SidebarProvider
style={
{
'--sidebar-width': '20rem',
'--sidebar-width-mobile': '20rem',
} as React.CSSProperties
}
>
@@ -120,13 +120,10 @@ Set width with CSS variables on the provider (also used for layout spacing):
</SidebarProvider>
```
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