# NFT Floor Price block

> Dark floor price analytics card with period tabs and monotone line chart

Crypto and NFT floor price tracker on a dark Card: Month / Max Tabs toggle, recharts monotone LineChart, large current price with percent change. For asset dashboards, token price and portfolio widgets. Uses ReUI Card, Tabs, Button, Chart.

- Type: Pro block
- Category: [Line Chart](https://reui.io/blocks/chart/line-chart.md)
- Page: https://reui.io/blocks/chart/line-chart/chart-26
- MCP: `get_block("chart-26")`
- Built with: Button, Card, Tabs
- Installs with a ReUI Pro or Ultimate license; setup: https://reui.io/docs/license-setup

## Best for

A hardcoded dark slate card with an emerald price line, Month and Max tabs, and the latest point as a large price under the plot

## Agent notes

- Replace `nftData` in data.ts; the big price is its `latest` point, but the +$2.1 change and 24.5% are fixed text that ignores `period`
- The settings `Button` in `CardAction` has no onClick handler and opens no menu
- `bg-slate-950`, `text-white` and the emerald `stroke` on `Line` and in `chartConfig` are literals, so the card stays dark in light mode

## When not to use

- A revenue line that follows the light and dark theme, with tabs above the plot: use [Revenue Trend](https://reui.io/blocks/chart/line-chart/chart-22.md) (`get_block("chart-22")`)
- Deposits and borrowed totals drawn as 2 areas on a dark card: use [DeFi Overview](https://reui.io/blocks/chart/composed-chart/chart-19.md) (`get_block("chart-19")`)

## Install

```bash
npx shadcn@latest add @reui/chart-26
```

## About Line Chart blocks

### When to use

- A balance, price or revenue trend as a single stroke with period tabs and a peak marker
- Several platforms or channels compared as separate strokes on one time axis
- Two measures on different scales plotted against left and right axes

### When not to use

- A trend that needs its volume emphasized with a filled region below it: use the [Area Chart blocks](https://reui.io/blocks/chart/area-chart.md)
- Compact tiles where each figure carries a small trend of its own: use the [Sparkline blocks](https://reui.io/blocks/chart/sparkline.md)

### Agent notes

- Each stroke takes its label and color from a `chartConfig` key passed to `ChartContainer`, so add a key for every new series

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