Element: #219 Table row sparklines (charts/sparklines) What it shows: A table of four products with an inline sparkline per row and a text trend label. When to use: Adding a mini trend line to table rows, such as revenue history per product. Spec: - `` wraps a plain `` - `rows` has 4 products: Atlas Pro, Nova Suite, Relay SDK, Mesh API, each with 6 `revenue` values and a `trend` - `` in each row - `labels` maps `up`, `down` and `neutral` to `'▲ Growing'`, `'▼ Declining'` and `'→ Stable'` - Columns: Product, Last 6 months, Trend Tags: sparkline, table, trend, card, flush, rows Needs: @codeatlasdev/ui@4.4.0 + echarts Components: Card, Sparkline Live demo: https://ui.codeatlas.com.br/docs/charts/sparklines#table-row-sparklines
{#each rows as row} {/each}
ProductLast 6 monthsTrend
{row.product} {labels[row.trend]}