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

# <ExperienceRating />

> Post-order feedback widget for rating the ordering experience.

# ExperienceRating

<Snippet file="api-key-location.mdx" />

A feedback widget shown after order completion that lets customers rate their experience with star ratings and optional text feedback.

## Preview

Desktop

Mobile

## Import

```tsx theme={null}
import { ExperienceRating } from '@/components/ExperienceRating'
```

## Usage

```tsx theme={null}
<ExperienceRating
  orderId={order.id}
  onSubmit={handleFeedbackSubmit}
  onDismiss={handleDismiss}
/>
```

## Props

**orderId** `string` *required*

The order ID to associate the feedback with.

**onSubmit** `(rating: FeedbackRating) =\> void` *required*

Callback fired when the customer submits their rating.

**onDismiss** `() =\> void` *required*

Callback fired when the customer dismisses the rating prompt.

## Behavior

* 5-star rating with tap/click interaction
* Optional text feedback field appears after rating
* Category tags for specific feedback (food quality, speed, accuracy)
* Submits to the analytics events API
* Only shown once per order


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.