Components
- Desktop61.2%(61.4K)
- Mobile34.1%(34.2K)
- Tablet4.1%(4.1K)
- Other0.6%(640)
import { DistributionBar } from "@/components/ui/distribution-bar"
const devices = [Installation#
pnpm dlx shadcn@latest add https://dashboardcn.com/r/distribution-bar.jsonUsage#
import { DistributionBar } from "@/components/ui/distribution-bar"
<DistributionBar
segments={[
{ name: "Desktop", value: 61400 },
{ name: "Mobile", value: 34200 },
{ name: "Tablet", value: 4100 },
]}
/>Your dashboard, your code.
Every component is copied into your project with the shadcn CLI. No package to upgrade, nothing to override.