← Components/layout

AdminSidebar

Preserves the legacy @avala/ui AdminSidebar API surface so consumer apps (mission_control admin, learning admin, pay admin, etc.) migrate with a one-line import swap. Built on UIShellSideNav under the hood.

layoutstablea11y: untested2/3 coverageEdit on GitHub ↗

Live playground

Edit the JSX below — preview updates instantly. Switch brand × tone in the toolbar to see the same component re-themed in place.

LivebrandtoneOpen all variants in Storybook ↗

Edit JSX — preview updates livereact-live

import { AdminSidebar, AdminSidebarUser } from "@avala/design";

<AdminSidebar>
  <AdminSidebarUser />
</AdminSidebar>

All variants

The Storybook stories file rendered as an iframe — every variant, every size, every state, baselined for visual regression.

layout-adminsidebar--defaultOpen in Storybook →