Bar List

Lista ranqueada com barras de progresso — distribuição por cidade, canal, categoria ou qualquer métrica de volume.

Default

Imóveis por cidade

Imóveis por Cidade

Unidades

São Paulo – Capital
4.823
Campinas
2.941
Rio de Janeiro
2.710
Belo Horizonte
1.982
Curitiba
1.654

import { BarList } from "@/components/blocks/bar-list";

<BarList />

// Customizado:
<BarList
  title="Leads por Canal"
  valueLabel="Leads"
  initialCount={5}
  items={[
    { name: "Organic Search", value: 4823 },
    { name: "Direct", value: 2941 },
    { name: "Referral", value: 1982 },
  ]}
  valueFormatter={(n) => n.toLocaleString("pt-BR")}
/>

Com formatação de moeda

Receita por região

Receita por Região

Receita

São Paulo – Capital
R$ 8,7 mi
Campinas
R$ 5,3 mi
Rio de Janeiro
R$ 4,9 mi
Belo Horizonte
R$ 3,6 mi
Curitiba
R$ 3 mi

<BarList
  title="Receita por Região"
  valueLabel="Receita"
  items={[...]}
  valueFormatter={(n) =>
    Intl.NumberFormat("pt-BR", {
      style: "currency",
      currency: "BRL",
      notation: "compact",
    }).format(n)
  }
/>