Bar List

PRO

Ranking de barras horizontales con la etiqueta dentro de la barra. El formato que mejor lee categorias con nombres largos, donde un grafico de columnas obliga a rotar el texto.

npx orbitui-cli add bar-list

Páginas más vistas

Últimos 30 días

/
48.20032%
/precios
31.40021%
/docs/instalacion
24.80017%
/blog/design-tokens-en-tailwind-v4
18.90013%
/componentes/line-chart
12.3008%

Props

Prop	Tipo	Descripción
`items`*	`BarListItem[]`	—
`max`	`number`	Techo de la escala. Por defecto, el valor mas alto de la lista.
`formatValue`	`(value: number) => string`	—
`showShare`	`boolean`	Muestra el porcentaje sobre el total junto al valor.
`limit`	`number`	—
`className`	`string`	—
`aria-label`*	`string`	—

Qué instala

Archivo: components/orbit/charts/bar-list.tsx
Componentes: cx
Paquetes npm: ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.