Accordion Alert App Bar Avatar Badge Bar Chart Bottom Sheet Breadcrumbs Button Calendar Card Checkbox Chip Close Button Control Field Date Field Date Picker Date Range Picker Description Dialog Drop Down Field Error Hover Kbd Label Line Chart Link Button List Group Menu Number Field Number Stepper Number Value Popover Pressable Feedback Progress Bar Progress Button Progress Circle Radio Button Group Radio Group Range Calendar Rating Scroll Shadow Search Field Select Separator Sidebar Skeleton Slide Button Slider Social Auth Button Spinner Split View Status Tag Stepper Surface Swipe Action Switch Tabs Tag Tag Group Text Area Text Field Text Field Group Text Field OTP Text Field OTP Group Time Picker Toast Toggle Button Toggle Button Group Tooltip Trend Chip Widget

Bar Chart

Live preview and documentation for the Bar Chart component.

About

An interactive bar chart: bars scaled to the largest value, with a floating tooltip on hover (desktop) or tap/drag (touch).

points: a list of KasyBarChartPoint (value required, label optional, shown on the axis and in the tooltip)
height: chart height (defaults to 124)
color: color of the bars and tooltip (defaults to KasyColors.primary)
valueFormatter: formats the value shown in the tooltip (defaults to rounding the number)

No card chrome of its own — meant to be composed inside a KasyCard, like KasyProgressBar.

Preview

Loading the component…

Last updated on 11/03/2026

Badge

Live preview and documentation for the Badge component.

Bottom Sheet

Live preview and documentation for the Bottom Sheet component.

On this page