> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tight.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Expense Dashboard

> Track and tag expenses, directly in your existing mobile app

## Overview

The React Native Expense Dashboard Component allows you to embed fully-featured expense tracking into your existing React Native mobile app, including:

* Automatic expense tracking, including [expense categorization and self-learning rules](/ai/categorization/self-learning-transaction-categorization-overview)
* Fully encapsulated bank account and credit card linkage, using [Plaid](/integrations/banking/plaid)
* User experience allowing your users to:
  * manage bank account connections
  * view expense reports (eg. by category, by vendor)
  * attach receipts to expenses
  * split expenses across categories

## UX

<Warning>
  This page is under construction. Please check back later for more content.
</Warning>

## Embedding the Expense Dashboard

To initialize the Tight Embedded experience in your project, follow the instructions on [Embedding Tight's white-labeled UI](/embeddable-ui/react-native/patterns/embedding).

Below is an example embedding of the Expense Dashboard:

```TSX ExpenseScreen.tsx theme={null}
import { ExpenseDashboard, Tight } from "@tight-embedded/react-native";

function ExpenseScreen({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <ExpenseDashboard />
      </Tight>
    )
}
```