> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-web/components/feedback.md).

# Feedback

The `Feedback` component is a widget for collecting user feedback. It provides a rating system with optional comments and integrates with the backend API for submitting feedback. Results are available in the [Mission Control app](/mission-control/feedback.md).

### Preview

<div align="left"><figure><img src="/files/wlloepTrjVvTAbrvrh4S" alt="Gravity feedback component" width="261"><figcaption></figcaption></figure></div>

### Usage

```javascript
import { Feedback } from 'components/lib';

function MyComponent({ ...props }) {
  return (
    <div>
      <Feedback />
    </div>
  );
}
```

### Notes

* The `Feedback` component uses the `Popover`, `PopoverTrigger`, `PopoverContent`, `Form`, `Button`, `Icon`, and `ViewContext` from `'components/lib'`.
* The `Feedback` component manages its own state for displaying the rating and comments form.
* The `icons` array defines the icons and colors for the different rating options.
* The `saveRating` function sets the selected rating and shows the comments form.
* The `Form` component is used to submit feedback to the backend API.