When displaying fundamental content types like files or people, it's important to provide a consistent appearance across every screen. These list cells have been designed to represent commonly used entities using a consistent system for representing their icons, metadata and secondary states.

<DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">

### One line

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

### Two line

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

### Three line

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

</DisplayToggle>
