Test your Mantine knowledge with a free interactive quiz — 19 questions with answers and explanations. No signup needed to play.
Question 1/5Score 0
What is the purpose of Mantine's `Modal`, `Drawer`, and similar overlay components combined with the `useDisclosure` hook?
Questions in this quiz
What is the purpose of Mantine's `Modal`, `Drawer`, and similar overlay components combined with the `useDisclosure` hook?
What is the purpose of Mantine's layout components like `Group`, `Stack`, and `Grid`?
What is the purpose of Mantine's `useMediaQuery` hook from `@mantine/hooks`?
What kind of components does `@mantine/dates` provide, and why might it be a separate package from Mantine's core?
What does `@mantine/form` provide for building forms in a Mantine-based application?
What is `@mantine/hooks` and what kind of utilities does it typically provide?
What is `@mantine/notifications` used for?
What does Mantine's responsive style props (e.g. `<Box p={{ base: 'sm', md: 'lg' }}>`) provide?
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 does Mantine's form validation via `@mantine/form` typically support beyond simple required-field checks?
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 the purpose of Mantine's `MantineProvider` component?