Newer Version Available

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

Component Bundles

A component bundle contains a component or an app and all its related resources.
Resource Resource Name Usage See Also
Component or Application sample.cmp or sample.app The only required resource in a bundle. Contains markup for the component or app. Each bundle contains only one component or app resource. Components

aura:application

CSS Styles sample.css Styles for the component. CSS in Components
Controller sampleController.js Client-side controller methods to handle events in the component. Handling Events with Client-Side Controllers
Documentation sample.auradoc A description, sample code, and one or multiple references to example components Providing Component Documentation
Renderer sampleRenderer.js Client-side renderer to override default rendering for a component. Client-Side Rendering to the DOM
Helper sampleHelper.js JavaScript functions that can be called from any JavaScript code in a component’s bundle Sharing JavaScript Code in a Component Bundle

All resources in the component bundle follow the naming convention and are auto-wired. For example, a controller <componentName>Controller.js is auto-wired to its component, which means that you can use the controller within the scope of that component.