data/@mihcm/ui·v0.21.0·stable
BarList
Compact ranked-value list with tokenized bars, optional row links, icons, value formatting, and motion-backed width animation.
Props
The full prop API for BarList. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
data | BarListItem[] | — | Ranked items with name, value, optional href, icon, and colorClassName. | 0.12.0 |
valueFormatter | (value: number) => ReactNode | — | Formats the value column. | 0.12.0 |
maxValue | number | — | Explicit maximum used to calculate bar widths. | 0.12.0 |
showValues | boolean | true | Show or hide the trailing value column. | 0.12.0 |
showAnimation | boolean | true | Animate bar width on render. | 0.12.0 |
barClassName | string | — | Tokenized Tailwind classes for the filled bar. | 0.12.0 |
rowClassName | string | — | Tokenized Tailwind classes for each row. | 0.12.0 |
className | string | — | Additional Tailwind classes on the root wrapper. | 0.12.0 |
Import
import { BarList } from '@mihcm/ui/BarList';