# Fund Leaderboard block

> Capital inflows fund leaderboard list with logo badges and a range filter select

Ranked fund inflow rows with a colored brand-logo badge, name, and Capital In amount, plus a Select to switch Top 3 / Top 5 / All. ReUI Frame, shadcn Select, Item, Separator. For leaderboards, top contributors, investor summary widgets.

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

## Best for

A fund leaderboard with a Capital In amount per row and a Select that cuts it to the top 3, the top 5 or all 6

## Agent notes

- Keep `fundInflows` in data.tsx sorted by amount, since `fundsForRange` only slices the first 3 or 5 entries in array order
- The `range` state is local `useState` that only trims the rendered rows; lift it or read `onValueChange` to fetch a ranked set from your API
- Each logo tile takes its colour from the fixed Tailwind background in `logoBgClassName`, so set one for every fund you add

## When not to use

- Each fund's percent share beside its amount, switched between Weekly and All Time: use [Capital Inflows](https://web.dev.reui.io/blocks/application/list/list-3.md) (`get_block("list-3")`)
- Movers in a table with a search field, a status badge and an arrowed gain or loss: use [Top Movers](https://web.dev.reui.io/blocks/application/list/list-11.md) (`get_block("list-11")`)

## Install

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

## 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.