Creating a composite component

App Builder does not include any predefined composite components. To be able to use a composite component, you must create or import it for yourself.

To create a composite component, use this procedure:

Place and configure the basic components to be included as part of the composite component into a single Flexbox component.

Note: All basic components in the composite component must be in the same Flexbox. You cannot include individual components from different Flexboxes in a composite component. You can, however, include multiple Flexboxes and their contents by nesting those Flexbox components inside another Flexbox.
Select the Flexbox that contains the components that are to constitute the composite component.
In the App Builder toolbar, click the Components icon.
On the Components panel, select the Composite tab.
Click Create New.
In the Create Composite Component dialog box, provide a Name for the composite component.
Verify that the correct component is selected.
Click Next.
On the Include page, clear or select the elements and attributes of the basic components to include as part of the composite component.
Click Next.
On the Summary page, verify that the specifications for the composite component are correct, and then click Finish.

App Builder creates the composite component as specified and adds it to the list of composite of composite components in your project.

Note: At this point, the composite component is available only within your current project. To make it available for use in other App Builder projects, you must first export it and then import it into the Repository.