Mantine v1.3.0 is out
Release demos
New components, hooks and features
- New RingProgress component – display circular progress with multiple sections
- Tabs component now support outline variant
- Badge component now supports new dot variant
- NumberInput component now exposes increment/decrement handlers via ref
- New Center component – simple wrapper to center element horizontally and vertically
- New use-interval hook provides simple wrapper around
window.setInterval
- use-focus-trap hook now allows to change element that will initially receive focus
Project core changes
- New documentation design with tabs and less cluttered packages index pages
- All packages are now published in 3 formats: esm (ECMAScript modules
export { Button } from './Button';
), cjs (commonjsexport.Button = Button;
) and umd (default for browser). These changes will allow webpack and similar bundlers to perform better tree shacking. - All components now export related types:
import { ButtonProps } from '@mantine/core';
Design changes
- Button component label is no longer uppercased by default, to replicate old design use
<Button uppercase />
- Colors saturation and text shadows adjusted for Button and Badge components for better contrast
Participate in discussion
Reply to this email if you have any feedback or participate in Github discussion, your replies will help make Mantine better.
Don't miss what's next. Subscribe to Mantine monthly: