Layout for content add-ins

Create a consistent look and feel for your content add-ins by using the recommended design layout. The recommended layout for a content add-in includes the following elements:

  • Command bar (optional) - Includes icons or navigation for users, and can overlay the add-in content. The maximum height is 80 pixels.
  • Add-in content
  • Branding element (optional)

Layout of a content add-in, content and a command bar

You can also add custom HTML-based UI to your content add-in.

For a sample that shows how to use Office UI Fabric in Office Add-ins, see Office Add-in Fabric UI Sample.