MobileSidebarSheet() — supabase Function Reference

Architecture documentation for the MobileSidebarSheet() function in mobile-sidebar-sheet.tsx from the supabase codebase.

Function tsx DesignSystem UIPatterns calls 1

Entity Profile

DesignSystem→ UIPatterns→ MobileSidebarSheet() — supabase Function Reference

Dependency Diagram

graph TD
  e4de4c3a_b5c8_c80b_2148_9fcee2530917["MobileSidebarSheet()"]
  56350b50_3ba0_3127_269f_6c6b1e7d60f5["useMobileSidebar()"]
  e4de4c3a_b5c8_c80b_2148_9fcee2530917 -->|calls| 56350b50_3ba0_3127_269f_6c6b1e7d60f5
  style e4de4c3a_b5c8_c80b_2148_9fcee2530917 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/design-system/components/mobile-sidebar-sheet.tsx lines 8–21

export function MobileSidebarSheet() {
  const { open, setOpen } = useMobileSidebar()

  return (
    <Sheet open={open} onOpenChange={setOpen}>
      <SheetContent side="left" className="p-0 w-[240px] sm:w-[280px]" showClose={false}>
        <SheetTitle className="sr-only">Navigation</SheetTitle>
        <ScrollArea className="h-full py-6 lg:py-8">
          <SideNavigation />
        </ScrollArea>
      </SheetContent>
    </Sheet>
  )
}