# <PricingTable />

The `<PricingTable />` component displays a table of Plans and Features that users can subscribe to.

## Example

The following example includes a basic implementation of the `<PricingTable />` component. You can use this as a starting point for your own implementation.

filename: src/App.tsx
```tsx
import { PricingTable } from '@clerk/react'

function App() {
  return <PricingTable />
}

export default App
```

## Properties

All props are optional.

| Name                                                                                                                 | Type                     | Description                                                                                                                                                                                                                                                                                                                  |
| -------------------------------------------------------------------------------------------------------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| appearance?                                                                                                          | Appearance | undefined  | An object to style your components. Will only affect Clerk components and not Account Portal pages.                                                                                                                                                                                                                          |
| appearance: an object used to style your components. Will only affect Clerk components and not Account Portal pages. |                          |                                                                                                                                                                                                                                                                                                                              |
| collapseFeatures?                                                                                                    | boolean                  | A boolean that indicates whether the Features are collapsed. Requires layout to be set to 'default'. Defaults to false.                                                                                                                                                                                                      |
| ctaPosition?                                                                                                         | 'top' | 'bottom'        | The placement of the CTA button. Requires layout to be set to 'default'. Defaults to 'bottom'.                                                                                                                                                                                                                               |
| fallback?                                                                                                            | JSX                      | An element to be rendered while the component is mounting.                                                                                                                                                                                                                                                                   |
| for?                                                                                                                 | 'user' | 'organization' | A string that indicates whether the pricing table is for users or Organizations. If 'user', the pricing table will display a list of Plans and Features that users can subscribe to. If 'organization', the pricing table will display a list of Plans and Features that Organizations can subscribe to. Defaults to 'user'. |
| highlightedPlan?                                                                                                     | string                   | The slug of the Plan to highlight. When set, the matching Plan card will display a "Popular" badge. If the Plan already has an active Subscription badge, the Subscription badge takes priority.                                                                                                                             |
| newSubscriptionRedirectUrl?                                                                                          | string                   | The URL to navigate to after the user completes the checkout and selects the "Continue" button.                                                                                                                                                                                                                              |

---

## Sitemap

[Overview of all docs pages](https://clerk.com/docs/llms.txt)