App Container

The App Container is a layout component that wraps the entire application. It is responsible for setting up the grid system, required for the aura:sidebar, aura:header, and aura:main components to work correctly. If you prefer to implement your own layout, simply disregard the given layout components and implement your own.

Usage

Simply wrap your application content with the aura:app-container component and the grid system will be applied to the content.

Important to notice: The only elements allowed inside the aura:app-container are aura:sidebar, aura:header, and aura:main!

Copy to clipboard

<!DOCTYPE html>
<html>
    <head>
        <title>My App</title>
    </head>
    <body>
        <aura:app-container>
            <!-- Application content goes here -->
        </aura:app-container>
    </body>
</html>

Home