mantine-custom-components
Custom Mantine components that fit your theme.
What it does
Guides creation of custom Mantine components that support theme overrides and the Styles API.
When to use it
Use when creating Mantine factory components, adding Styles API support, implementing CSS variables, building compound components, or registering theme overrides.
How to use it
It changes how the agent writes custom Mantine components by applying the relevant component patterns and API guidance.
What you provide
- An existing project
Uses
What you need · 3
The component guidance targets Mantine 9.x and imports its component factories, hooks, and types from @mantine/core.
The template uses React 19's regular ref prop behavior to forward the ref through the remaining props.
The CSS guidance assumes the project processes its CSS through postcss-preset-mantine.
Access · 1
This skill
Mantine
Looks up Mantine documentation