---
title: Side nav items
description: Menu items and elements for the side nav area.
order: 3
props:
  packageName: '@atlaskit/navigation-system'
  exports:
    - LinkMenuItem
    - ButtonMenuItem
    - ExpandableMenuItem
    - ExpandableMenuItemTrigger
    - ExpandableMenuItemContent
    - FlyoutMenuItem
    - FlyoutMenuItemTrigger
    - FlyoutMenuItemContent
    - MenuSection
    - MenuSectionHeading
    - ContainerAvatar
---

## Props

### LinkMenuItem

A menu item link.

<TSMorphProps exportName="LinkMenuItem" packageName="@atlaskit/navigation-system" />

### ButtonMenuItem

A menu item button.

<TSMorphProps exportName="ButtonMenuItem" packageName="@atlaskit/navigation-system" />

### ExpandableMenuItem

A composable component for nested menu items that can be revealed and hidden by interacting witih
the parent menu item.

<TSMorphProps exportName="ExpandableMenuItem" packageName="@atlaskit/navigation-system" />

### ExpandableMenuItemTrigger

The trigger component for an `ExpandableMenuItem`.

<TSMorphProps exportName="ExpandableMenuItemTrigger" packageName="@atlaskit/navigation-system" />

### ExpandableMenuItemContent

The expandable and collapsable section of the expandable menu item.

<TSMorphProps exportName="ExpandableMenuItemContent" packageName="@atlaskit/navigation-system" />

### FlyoutMenuItem

A composable component for displaying content in a flyout menu, triggered by a button.

<TSMorphProps exportName="FlyoutMenuItem" packageName="@atlaskit/navigation-system" />

### FlyoutMenuItemTrigger

The trigger component for a `FlyoutMenuItem`.

<TSMorphProps exportName="FlyoutMenuItemTrigger" packageName="@atlaskit/navigation-system" />

### FlyoutMenuItemContent

The content that appears when the flyout menu is open.

<TSMorphProps exportName="FlyoutMenuItemContent" packageName="@atlaskit/navigation-system" />

### MenuSection

A composable component for grouping menu items, along with a heading (`MenuSectionHeading`).

<TSMorphProps exportName="MenuSection" packageName="@atlaskit/navigation-system" />

### MenuSectionHeading

The label for the menu section group.

<TSMorphProps exportName="MenuSectionHeading" packageName="@atlaskit/navigation-system" />

### ContainerAvatar

A container for displaying images that are styled to look like an avatar, with the correct sizes for
the sidebar menu items.

<TSMorphProps exportName="ContainerAvatar" packageName="@atlaskit/navigation-system" />
