Overview
Mantine provides pre-styled React UI components.
benefits
- solid, unremarkable, neutral, minimalist, functional style.
- easy-to-use, consistent API (DX)
- rapid development of utilitarian and productivity apps
mantine style is opinionated and cohesive
Mantine brings a set of cohesive style defaults.
If we want to override a part of it, we should ensure our changes are compatible with the Mantine overall look.
components and component variants
Mantine provides components, and for some of them, variants. For example, it provides the Button component, for which it provides the outline and filled variants.
component inner structure
a component is constructed through several, named, inner-elements. For example, Slider is built upon a mark, a track and a bar. We may style the inner-elements.
(discouraged) unstyled version
Mantine provides an unstyled version, but such pattern requires to come up with a comprehensive style replacement.