# Adding components to a page
<a name="adding-components"></a>

Use the following procedure to add a component to a page in App Studio. For information about duplicating an existing component, see [Duplicating components](duplicating-components.md).

1. If necessary, navigate to the Development environment of your application by editing it.

1. Navigate to the **Pages** tab.

1. The components panel is located in the right-side menu, which contains the available components.

1. Drag and drop the desired component from the panel onto the canvas. Alternatively, you can double-click on the component in the panel to automatically add it to the center of the current page.

1. Now that you've added a component, use the right-side **Properties** panel to adjust its settings, such as the data source, layout, and behavior. For detailed information about configuring each component type, see [Components reference](components-reference.md).