Disable button text animation

[viper1029]

When a mantine button is clicked, there is an animation where the text moves down, then back up.

How can I disable this animation?

[rtivital]

https://mantine.dev/theming/theme-object/#activeclassname

[viper1029]

Thanks. Is it possible to get an example? My CSS isn't that great so it would be helpful. More specifically the animation I'm talking about is the slot machine like effect where the text moves down and off the button.

[rtivital]

Please read carefully the article that I've sent.

[viper1029]

Thanks, I got it working by adjusting the defaultProps for Button component:

const theme = createTheme({
    components: {
        Button: {
            defaultProps: {
                styles: {
                    inner: {
                        transform: 'none',
                        opacity: 1,
                    },
                },
            },
        },
    },
});