Import a Web Component from Component Exchange

A Component Exchange is a repository used to import web components for your App UI instance and to share created web components.

Your App UI instance administrator specifies the Component Exchange that is associated with the instance. All developers in the instance are able to use the same set of components. The exchange contains a set of default components that have been provided by Oracle, and any components that other developers have published to your exchange.

The Components tab in the Navigator helps you to install and manage the components that you download from the Component Exchange and includes the following tabs:

Description of the illustration component-exchange-installed.png

• Browse: Use to search the Component Exchange for components that can be installed, to open a component's details page, and to install components.
• Installed: Use to view a list of installed components. The tab displays details about each component, and components are badged to indicate warnings or available updates.
• Updates: Use to view a list of available updates and to update components to the latest version.
• Recommended: Use to view suggested components based on what you've installed. For example, if you installed the Input text with type-ahead component, other components in the oj-sample JET pack might be recommended. By default, components in the Dynamic UI pack are always listed.

If your administrator has associated your instance with the Component Exchange, you can use the Components tab in the Navigator to add and manage those components.

To add a component from the Component Exchange:

1. Open the Components tab in the Navigator and click the Components palette in the Designer pane, then scroll to the bottom of the palette and click the Get Components button.
   The components available from the Component Exchange will then be listed in the left pane.
2. Locate the component you want to install and click Install.

   You can click a component in the Components tab to open a tab containing details about the component, including a description and examples of how to use the component.
   
   Description of the illustration component-exchange-navigator.png
   

After you install the component, it's added to your Components palette. You can now drag the new component onto the canvas and use it in your pages.