# Labeling User Actions

To label events for React Native, you can use the [Freshpaint Events Library page](https://app.freshpaint.io/events/schema). When Creating a new event, select `React Native` as the library for the event:

![](/files/-MH8RXe4PgiF3Vsplogv)

To specify an event, you use a CSS selector, but instead of tags, you use the names of the React Components. As an example, let's say you have the following component:

```javascript
function MyComponent() {
  return (
    <Button title="Press Here" />
  );
};
```

You can then use the following "CSS Selector" to define an event for touches on the button:

```
MyComponent Button
```

You can also use CSS attribute selector to filter on the component properties. For example, you could define the same event by using:

```
Button[title="Press Here"]
```

Out of the box, Freshpaint collects a whitelist of properties from your events. See the [page on what data the React Native collects](https://docs.freshpaint.io/faqs/what-data-does-freshpaint-collect/data-collected-on-react-native#attributes-captured-by-default) for a complete overview of all the data collected.

## Verifying the Event Definition

To verify the event definition you can use the Freshpaint [Live View](https://app.freshpaint.io/events/liveview). Previously all the actions in the Live View were unlabeled. Now that you've created an event definition, when that action is performed on your site, it will show up bolded in the Live View. For example, after defining an event on the above button, now when someone clicks it, you'll see the name of the event:

![](/files/-MH8T6RGS6jtlly1dZMJ)

## Sending Data to Destinations

Now that you've labelled a user action, you can now send that event into any destination that supports React Native events. To send that event to a destination, go to the event in the [Events Library](https://app.freshpaint.io/events/schema) page and scroll down to the Event Destinations panel:

![](/files/-MQTK6ifdk9DfdfUgwwP)

After flipping the toggle for a destination, Freshpaint will start sending the event to the destination. For Amplitude, if you go to the user lookup, you'll now see the event you just created coming in:

![](/files/-MH8UPB1xnX_BY7-ZYnE)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.freshpaint.io/readme/guides/react-native-quickstart-guide/labeling-user-actions.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
