Test your Mantine knowledge with a free interactive quiz — 19 questions with answers and explanations. No signup needed to play.
Question 1/12Score 0
What is the significance of Mantine components using CSS variables (custom properties) for theming, specifically regarding runtime theme switching (like toggling dark mode)?
In this round
What is the significance of Mantine components using CSS variables (custom properties) for theming, specifically regarding runtime theme switching (like toggling dark mode)?
What is `@mantine/hooks` and what kind of utilities does it typically provide?
What is the purpose of Mantine's `useMediaQuery` hook from `@mantine/hooks`?
What is a key trade-off consideration when adopting a large, all-in-one component library like Mantine versus assembling an app from smaller, unstyled primitive libraries (like Radix UI + custom CSS)?
What is `@mantine/notifications` used for?
What does `@mantine/form` provide for building forms in a Mantine-based application?
What does Mantine's built-in accessibility support (ARIA attributes, keyboard navigation) provided by default in its components aim to reduce?
What is the purpose of Mantine's `Modal`, `Drawer`, and similar overlay components combined with the `useDisclosure` hook?
What is Mantine's approach to styling components under the hood (its CSS strategy)?
What is Mantine?
What is `@mantine/core`'s relationship to the overall `mantine` ecosystem — is it required for other Mantine packages to function?
What does Mantine's form validation via `@mantine/form` typically support beyond simple required-field checks?