# Capital Inflows block

> Capital Inflows Card with Period Tabs and Ranked Fund List Showing Amount and Share

Capital inflows widget switching ranked fund rows by period tabs (Weekly, All Time); each row shows logo, name, dollar amount, percentage share. ReUI Frame, shadcn Tabs, Tooltip, Separator. For finance dashboards, top contributors, leaderboards.

- Type: Pro block
- Category: [List](https://web.dev.reui.io/blocks/application/list.md)
- Page: https://web.dev.reui.io/blocks/application/list/list-3
- MCP: `get_block("list-3")`
- Built with: Frame, Separator, Tabs, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A percent share next to each fund amount, with Weekly and All Time tabs and an info tooltip on the title

## Agent notes

- Replace `inflowPeriods` in data.tsx; each tab holds its own 3 funds, and `share` is a typed string that is not derived from `amount`
- The `amount` strings write a decimal comma such as $7,6M; rewrite them in the number format you ship
- `Tabs` run uncontrolled from `defaultValue`, so every period is loaded up front; control the value to fetch one period at a time

## When not to use

- A fund ranking trimmed to the top 3, top 5 or all funds from a dropdown: use [Fund Leaderboard](https://web.dev.reui.io/blocks/application/list/list-2.md) (`get_block("list-2")`)
- Crypto holdings where each coin shows its price, trend and the balance you hold: use [Crypto Portfolio](https://web.dev.reui.io/blocks/application/list/list-4.md) (`get_block("list-4")`)

## Install

```bash
npx shadcn@latest add @reui/list-3
```

## About List blocks

### When to use

- A dashboard side panel of KPIs, funds, coins, investments or movers with a figure on every row
- A short wallet or crypto transaction history with a signed credit or debit amount on each row
- An integrations directory or picker with a connect or add button on every row

### When not to use

- Records or metrics laid out as separate tiles in a grid, one tile per record: use the [Card blocks](https://web.dev.reui.io/blocks/application/card.md)
- A single row layout of media, title and actions to compose a list of your own: use [Item](https://web.dev.reui.io/components/item.md) (`get_component("item")`)
- Headline metrics that each need an actions menu, a progress bar or a segmented gauge: use the [Stats blocks](https://web.dev.reui.io/blocks/application/stats.md)

### Agent notes

- Each page.tsx centers the block in a padded `min-h-svh` wrapper; drop it when the list goes into your own dashboard layout
- Every root component takes no props and renders constants from its `data` module; add props to pass in your own rows
- Every `FramePanel` pins its padding with an important utility, so changing the Frame `spacing` prop leaves those insets as they are

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.