Multiline chart axis

[rapid vector]

I am looking for a way for my bar chart to have multiline on the x axis, I have a system where i display user input on the bottom of my chart and it doesn't truncate or anything, it just stops some things from being displayed. is there a way to change this behavior?

here is snippet for reproducing the issue:

import { BarChart } from "@mantine/charts";
import { Stack } from "@mantine/core";

export default function SandboxPage() {
    return (
        <Stack>
            <BarChart
                dataKey="name"
                data={[
                    { name: "Some very long name here", "value": 10 },
                    { name: "Another very long name here", "value": 20 },
                    { name: "Some more long names", "value": 15 },
                    { name: "even more long names here", "value": 5 },
                ]}
                series={[
                    { name: "value", color: "blue" },
                ]}
                w={400}
            />
        </Stack>
    );
}

[vague creek]

It is better to checkout recharts documentation for this. Mantine charts does not modify logic related to that

[rapid vector]

its all svg based under the hood (or at least appears to be) and it says to make a custom tick for it, is it possible to do this custom tick somewhere?
https://recharts.org/en-US/api/XAxis#tick

[vague creek]

You can pass props down to XAxis component with xAxisProps