Lightning Components Developer's Guide

Introducing the Lightning Component Framework
Quick Start
Creating Components
Working with UI Components
Using Expressions
Supporting Accessibility
Communicating with Events
Creating Apps
App Overview
Designing App UI
Creating App Templates
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.

1<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.