dashboardcn
1

Bar List

PreviousNext

A ranked list with proportional bars, for top pages, referrers, or countries.

PageVisitors
/
48.2K46.4%
/pricing
21.5K20.7%
/docs
18.9K18.2%
/blog/launch-week
9.1K8.8%
/changelog
4.3K4.1%
/careers
1.9K1.8%
import { BarList } from "@/components/ui/bar-list"

const pages = [

Installation

pnpm dlx shadcn@latest add https://dashboardcn.com/r/bar-list.json

Usage

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

<BarList
  data={[
    { name: "/", value: 48210, href: "/analytics?page=/" },
    { name: "/pricing", value: 21480 },
  ]}
  showPercentage
/>