`AppBarLayout` wraps a `Toolbar`, as well as an optional accessory view like a `Searchbar`, and provides interactions such as scroll behavior. `Toolbar` offers the addition of an `Avatar` as the navigation icon.

<DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
### Top App bar

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_topappbar_01_standard_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_topappbar_01_standard_dark.png?text=DarkMode" />

### Top App bar with Search

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_topappbar_02_search_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_topappbar_02_search_dark.png?text=DarkMode" />
</DisplayToggle>