Lightning Components Developer’s Guide

Getting Started
Creating Components
Communicating with Events
Creating Apps
App Basics
App Overview
Designing App UI
Content Security Policy Overview
Styling Apps
Using JavaScript
JavaScript Cookbook
Using Apex
Using Object-Oriented Development
Using the AppCache
Controlling Access
Distributing Applications and Components
Debugging
Reference
PDF

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");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:application>
18    <h1>Accounts</h1>
19    <div class="container">
20        <!-- Other components or markup here -->
21    </div>
22    </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.