FAQ
Use these Frequently Asked Questions components to provide answers to common questions and improve user experience on your website.
Frequently Asked Questions
Can't find what you're looking for? Drop us an email and our support team will assist you promptly.
What is Mantine?
Mantine is a React components library with native dark theme support and a focus on usability, accessibility and developer experience.
How do I install Mantine?
Install Mantine using npm or yarn:npm install @mantine/coreoryarn add @mantine/core. You'll also need to install its peer dependencies.
Does Mantine support TypeScript?
Yes, Mantine is written in TypeScript and provides full type support out of the box, with no additional configuration required.
Can I customize Mantine's theme?
Yes, Mantine offers a flexible theming system. You can modify colors, spacing, breakpoints, and other design tokens through the MantineProvider component.
Is Mantine compatible with Next.js?
Yes, Mantine works seamlessly with Next.js. We provide official integration packages and documentation for server-side rendering setup.
Are Mantine components accessible?
All Mantine components follow WAI-ARIA standards and are tested with screen readers. They support keyboard navigation and provide ARIA attributes by default.
How does dark mode work in Mantine?
Mantine includes built-in dark mode support. You can toggle between light and dark themes using the ColorSchemeProvider and access the current theme through hooks.
How can I style Mantine components?
Mantine components can be styled using the built-in styles API, CSS modules, or emotion styled components. You can also use the createStyles function for a type-safe styling experience.
How does Mantine handle responsive design?
Mantine provides responsive props on all components and a MediaQuery component for conditional rendering. You can also use predefined breakpoints or define custom ones through the theme configuration.