Skip to content

SIDEBAR_TRANSITION_CLASS

const SIDEBAR_TRANSITION_CLASS: "transition-[left,right,width] duration-200 ease-linear" = "transition-[left,right,width] duration-200 ease-linear"

Defined in: packages/react/src/ui/sidebar.tsx:56

The sidebar’s own desktop-gap transition (ui/sidebar.tsx’s own Sidebar component, the data-slot="sidebar-gap" div — matches its left,right,width properties, 200ms, linear). Exported so a consumer positioned relative to the sidebar’s own edge (ListViewPeek.tsx’s right-docked panel, --peek-sidebar-offset) can move in lockstep with it on open/collapse instead of jumping while the sidebar itself animates — reusing this ONE class/token rather than independently copying the duration/easing numbers, so the two stay in sync if the sidebar’s own transition ever changes.