Leguan UILUv0.1
  • Get Started
  • Landing
  • Inspiration
Actions
  • Button
  • Badge
  • Dropdown Menu
Forms
  • Input
  • Form Controls
Display
  • Card
  • Glow Card
  • Stat Card
  • Empty State
  • Alert
  • Tabs
  • Avatar
  • Skeleton
  • Separator
  • Code
Overlay
  • Dialog
  • Popover
  • Tooltip
Feedback
  • Progress
  • Status Indicator
Charts
  • Area Chart
  • Bar Chart
  • Line Chart
  • Pie Chart
  • Radar Chart
  • Sparkline
Website sections
  • Navbar
  • Hero
  • Features
  • Testimonials
  • Pricing
  • CTA
  • Footer
  • AGENTS.md
  1. Components
  2. Bar Chart

Grouped, stacked, and percent bar charts with ordered-dither fills.

Built with dither-kit. Chart components are provided by this third-party library.

Preview

Versions

Grouped

<BarChart data={data} config={config}>...</BarChart>

Stacked

<BarChart stackType="stacked">...</BarChart>

Percent

<BarChart stackType="percent">...</BarChart>

Installation

Install with dither-kit

Terminal

pnpm dlx @dither-kit/cli add bar-chart

Docs: https://www.tripwire.sh/dither-kit