# PricingPlans

Display a list of pricing plans in a responsive grid layout.

## Key Props

- `plans`: as an array of objects with the properties of the [PricingPlan](/docs/components/pricing-plan#props) component.
- `orientation`: to change the orientation of the PricingPlans.
- `compact`: to reduce the padding between the plans when one of the plans is scaled for a better visual balance.
- `scale`: to adjust the spacing between the plans when one of the plans is scaled for a better visual balance.

## Usage

```vue
<UPricingPlans
  <!-- props here -->
/>
```