Do I need to import the .css file each time I use a button? What's the easiest way to customize | Mantine | Page 1

untold valley Dec 4, 2024, 2:02 AM

#

Hi there. Im new to mantine. I saw one of the ways to customize mantine (and the recommended way aswell) is to use css modules. But I have a question.

Lets say I want to customize the Button component. How can I do that without the need to import the css file each time I use the button? Is there any other way?

#

Do I need to import the .css file each time I use a button? What's the easiest way to customize

sharp kelp Dec 4, 2024, 3:58 AM

#

untold valley Hi there. Im new to mantine. I saw one of the ways to customize mantine (and the...

https://mantine.dev/styles/styles-api/#classnames-in-themecomponents

Styles API | Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

untold valley Dec 4, 2024, 12:03 PM

#

sharp kelp https://mantine.dev/styles/styles-api/#classnames-in-themecomponents

Hmm roger that. Should everything be in the same module? Because If not i'd have to import tons of css, right?

#

For example```
import buttonClasses from '@/styles/button/Button.module.css
import alertClasses from '@/styles/alert/Alert.module.css
import accordionClasses from '@/styles/accordion/Accordion.module.css

#Do I need to import the .css file each time I use a button? What's the easiest way to customize