Skip Navigation

Newer Version Available

This content describes an older version of this product. View Latest

Designing App UI

Design your app's UI by including markup in the .app resource, which starts with the <aura:application> tag.

Let’s take a look at the accounts.app resource created in Create A Standalone Lightning App.

1swfobject.registerObject("clippy.codeblock-0", "9");<aura:application>
2    <h1>Accounts</h1>
3    <div class="container">
4        <!-- Other components or markup here -->
5    </div>
6    </aura:application>

accounts.app contains HTML tags and component markup. You can use HTML tags like <div class="container"> to design the layout of your app.