# Components ❺

Designed to make a link element work as a sharing mechanism for the current page.

When clicked, it invokes the user's defined email program to send a message, and populates the subject and body, including the link to the current page.

The user then enters to To, and sends it.&#x20;

## Getting Started  <a href="#step-1---add-the-library" id="step-1---add-the-library"></a>

### STEP 1 - Add the Library  <a href="#step-1---add-the-library" id="step-1---add-the-library"></a>

First, **add the library** as detailed in [Quick Start](https://attr.sygnal.com/sa5-components/quick-start).&#x20;

### STEP 2 - Apply Attributes to Desired Elements <a href="#step-2---apply-wfu-query-param-to-desired-elements" id="step-2---apply-wfu-query-param-to-desired-elements"></a>

See Usage Notes for details.&#x20;

## Usage Notes&#x20;

### `cc-unwrap`&#x20;

Add `cc-unwrap` to the Collection List Wrapper, List, and Item elements.&#x20;

### `cc-remove`&#x20;

Add `cc-remove` , will remove the elements and their child elements&#x20;
