From the  **Components** interface on the editor, locate the **ellipsis ("...")**.

**Click it to reveal the available library of components available to use on this content type.**

There should be an "..." option at the top and bottom of the Component interface.

**The Component Library will appear on the right hand side of your screen.**

The icons in the upper corner of this menu enable a grid view or a list view.

(Optional) Select the list view to see more available components at once.

**Identify and select the component you wish to add to your page.**

In this example, the 50/50 component is being added to a Landing: Secondary content type.

An empty 50/50 component appears on your editing screen. 

**Complete all required fields presented by the component. Complete the optional fields you need to suit your purposes.**

Use the "**Add media**" button to place an item from the media library in the component.

Continue populating the fields of the component to your desired effect.

Note the "**Attributes**" drop down that is available anywhere you can add a link.

**Be sure to fill out the ARIA Label if your link text is not descriptive.** Use the ARIA Label to make your content accessible by giving context to pithy link text.

**Save** your work, or select **Preview** to see how it looks before saving.

Rutgers

This RCCL guide provides step-by-step instructions on how to add a component to a page. Using the 50/50 component as an example, it covers locating, selecting and adding the component to a Landing: Secondary content type, as well as completing required and optional fields for the 50/50.

Adding a component to a page