initialWidth

maxWidth

minWidth

Unique name of the Sidebar menu, used to store the menu state

name

Is the menu the primary, unique application menu

primary

title

() => {
  return (
    <SidebarMenuProvider>
      <Box display="flex" flexDirection="column" alignItems="flex-start" gap="$8" width="100%">
        <Toggle />
        <Container>
          <SidebarMenu name="sidebar-menu-example" title="Sidebar">
            <Box display="flex" alignItems="center" justifyContent="space-between" p="$8" gap="$8">
              <Typography variant="body-medium" fontWeight="medium">
                History
              </Typography>
            </Box>
            <Box display="flex" alignItems="center" justifyContent="space-between" p="$8" gap="$8">
              <Box display="flex" flexDirection="column">
                <Link href="/">Homez</Link>
                <Link href="/">About</Link>
                <Link href="/">Contact</Link>
              </Box>
              <Menu trigger={<Button>Menu</Button>}>
                <Menu.Item>Item 1</Menu.Item>
                <Menu.Item>Item 2</Menu.Item>
                <Menu.Item>Item 3</Menu.Item>
              </Menu>
            </Box>
          </SidebarMenu>
        </Container>
      </Box>
    </SidebarMenuProvider>
  );
}

Name	Description	Default
initialWidth	The initial width of the menu	-
maxWidth	The maximum width of the menu	-
minWidth	The minimum width of the menu	-
name required	Unique name of the Sidebar menu, used to store the menu state	-
primary	Is the menu the primary, unique application menu	-
title required	Descriptive title of the menu's purpose	-

Sidebar Menu component