> This page is for version v2023-09-01.
> For other versions, use one of these documentation indexes:
> - v2024-05-25 (default): https://docs.monite.com/v-2024-05-25/llms.txt
> - v2024-01-31: https://docs.monite.com/v2024-01-31/llms.txt
> - v2023-09-01: https://docs.monite.com/v2023-09-01/llms.txt

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.monite.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.monite.com/_mcp/server.

# ApprovalPolicies component

## Overview

The `ApprovalPolicies` component is a comprehensive React component that renders the complete Approval policies page.  The component integrates the full functionalities of the `ApprovalPoliciesTable` component and includes the ability to create new approval policies and supports searching, filtering, and pagination between these approval policies.

## Permissions

To access this component, the entity user must have `read` permissions for the `approval_policy` object. To create, edit, and delete approval policies, they must also have `create`, `update`, or `delete` permissions for the `approval_policy` object. For more information, see [List of permissions](/v2023-09-01/api/concepts/authentication#permissions).

## Preview

![ApprovalPolicies component preview](/_fern-img/ff8b4d3d84ee2a61e59683a6769abc1bba57a7f59765addc20cfa1b3e1d30d0a.webp)

## Usage

Bring in the `ApprovalPolicies` component into your application as shown:

**`React.js`**

```jsx React.js
import { ApprovalPolicies } from "@monite/sdk-react";

// This component must be rendered within the MoniteProvider wrapper
const ApprovalPoliciesPage = () => {
  return <ApprovalPolicies />;
};
```