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

# Summary Cards

> Summarized Profit & Loss metrics.

![](https://github.com/Layer-Fi/layer-react/assets/1592431/06459f20-519e-4413-80ba-fb9965c32f9f)

```tsx theme={null}
import { ProfitAndLoss } from "@layerfi/components";
…
<ProfitAndLoss>
  <ProfitAndLoss.Summaries actionable={false} />
</ProfitAndLoss>
```

### `ProfitAndLoss.Summaries` Properties

<ParamField body="actionable" type="boolean">
  Enables or disables whether clicking the revenue & expense charts open the P\&L sidebar view.
</ParamField>

<ParamField body="stringOverrides" type="ProfitAndLossSummariesStringOverrides">
  Overrides for default strings in the component.

  <Expandable title="ProfitAndLossSummariesStringOverrides properties">
    <ParamField body="revenueLabel" type="string">
      Changes the label for revenue in the cards. Can pass in values such as "income" or another term. Deafults to "Revenue".
    </ParamField>

    <ParamField body="expensesLabel" type="string">
      Changes the label for expenses in the cards. Can pass in values such as "costs" or another term. Deafults to "Expenses".
    </ParamField>

    <ParamField body="netProfitLabel" type="string">
      Changes the label for net profit in the cards. Can pass in values such as "net income" or another term. Deafults to "Net Profit".
    </ParamField>
  </Expandable>

  <ParamField body="variants" type="Variants">
    <Expandable title="Variants properties">
      <ParamField body="size" type="enum">
        The size of the summary cards.
        Values can be: `sm` (default), `lg`
      </ParamField>
    </Expandable>
  </ParamField>
</ParamField>