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

# Displaying Bonuses

> Show customers how much bonus usage they have left and how much was consumed.

You can find customers' usage info for bonuses from the following fields when [evaluating feature access](/api-reference/endpoint/feature-access)...

* `bonusRemaining`
* `bonusUsed`

<CodeGroup>
  ```tsx React theme={null}
  import { useFeatureAccess } from "priceos/react";
  import type { MyFeatures } from "./priceos.types";

  export function BonusUsageCard() {
    const { usage, isLoading } = useFeatureAccess<MyFeatures>("credits");

    if (isLoading) return <div>Loading...</div>;
    if (!usage) return <div>No usage data available.</div>;

    return (
      <div>
        <p>Bonus remaining: {usage.bonusRemaining}</p>
        <p>Bonus used: {usage.bonusUsed}</p>
      </div>
    );
  }
  ```

  ```ts Node.js theme={null}
  import { PriceOS } from "priceos";
  import type { MyFeatures } from "./priceos.types";

  const priceos = new PriceOS<MyFeatures>(process.env.PRICEOS_API_KEY!);
  const credits = await priceos.features.getAccess("customer_123", "credits");
  const bonusRemaining = credits.usage.bonusRemaining;
  const bonusUsed = credits.usage.bonusUsed;
  ```

  ```bash cURL theme={null}
  curl -X GET "https://api.priceos.com/v1/feature-access?customerId=customer_123" \
    -H "x-api-key: PRICEOS_API_KEY"
  ```
</CodeGroup>