Lightning base components for layout and layout items

The Lightning:layout and Lightning:layoutItem components allow you to create the layout inside aura:component. The attributes for the Lightning:layout and Lightning:layoutitem components are shown in the following table:

  • Lightning:layout:
Name Type Description
class string A CSS class for the outer element, in addition to the component's base classes.
title string Displays tooltip text when the mouse moves over the element.
horizontalAlign string Determines how to spread the layout items horizontally. The alignment options are center, space, spread, and end.
verticalAlign string Determines how to spread the layout items vertically. The alignment options are start, center, ...

Get Learning Salesforce Lightning Application Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.