Files
fn_registry/frontend/functions/ui/bar_chart.md
T
egutierrez 2d108c295a refactor: migrate frontend from shadcn/Tailwind to Mantine v9
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind.
Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind.
Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.)
y MantineProvider como wrapper estándar del sistema de temas.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 23:46:44 +02:00

1.6 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant, source_repo, source_license, source_file
name kind lang domain version purity signature description tags uses_functions uses_types returns returns_optional error_type imports output tested tests test_file_path file_path props emits has_state framework variant source_repo source_license source_file
bar_chart component ts ui 1.1.0 impure BarChart(props: BarChartProps): JSX.Element Gráfico de barras @mantine/charts con multi-series, orientación horizontal/vertical y tooltips.
chart
bar
visualization
mantine
component
ui
chart_container_ts_ui
ChartSeries_ts_ui
false
@mantine/charts
@mantine/core
Componente JSX que renderiza un gráfico de barras vertical u horizontal con multi-series y tooltips false
frontend/functions/ui/bar_chart.tsx
name type required description
data Record<string, unknown>[] true Array de datos
name type required description
xKey string true Key del eje X/categoría
name type required description
horizontal boolean false Orientación horizontal
name type required description
series Series[] false Series de datos para multi-series
false react
vertical
horizontal
https://gitea-dgg044oo04woo4ggcsws4gk0.organic-machine.com/Bl4cksmith/Frontend_Library MIT frontend/src/components/ui/charts/bar-chart.tsx

Ejemplo

<BarChart data={data} xKey="category" yKey="sales" showLegend />
<BarChart data={data} xKey="name" series={series} horizontal />

Notas

En modo horizontal=true se pasa orientation="vertical" a Mantine BarChart, que internamente intercambia los ejes.