> For the complete documentation index, see [llms.txt](https://documentation.freshpaint.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.freshpaint.io/readme/guides/react-native-quickstart-guide/labeling-user-actions.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
