Salesforce Docs Portal

Component Markup

Component resources contain markup and have a .cmp suffix. The markup can contain text or references to other components, and also declares metadata about the component.

Let's start with a simple "Hello, world!" example in a helloWorld.cmp component.

<!-- otherprops: set_clipboard --> 
<aura:component>
    Hello, world!
</aura:component>

This is about as simple as a component can get. The "Hello, world!" text is wrapped in the <aura:component> tags, which appear at the beginning and end of every component definition.

Components can contain most HTML tags so you can use markup, such as <div> and <span>. HTML5 tags are also supported.

<!-- otherprops: set_clipboard --> 
<aura:component>
    <div class="container">
        <!--Other HTML tags or components here-->
    </div>
</aura:component>

note: Case sensitivity should be respected as your markup interacts with JavaScript, CSS, and Apex.

See Also