v1.3.1
⌘K
Source codeDiscussReport issue

Changelog

1.3.0 – June 2021

New components and features

RingProgress component displays simple circle diagrams:
Application data usage
Tabs component now supports outline variant:
First tab content
Badge component now supports dot variant:
dark
gray
red
pink
grape
violet
indigo
blue
cyan
teal
green
lime
yellow
orange
NumberInput component now exposes increment/decrement handlers and supports custom controls:
Center centers content vertically and horizontally:
All elements inside Center are centered

New use-interval hook:

Page loaded 0 seconds ago

Other changes

  • Mantine packages are now published with commonjs and es modules – this enables better tree shaking
  • All components props types are now exported from @mantine/core package, you can import it by adding Props to component name:
import { ButtonProps } from '@mantine/core';

1.1.0 – June 2021

New components and features

SegmentedControl component is an alternative to Tabs and RadioGroup:
Popover component allows you to display popover section relative to given target element. Use it to render forms, complex tooltips, etc.
BH
Bob Handsome
bob@handsome.inc
Divider component now supports labels, vertical orientation and margins:
Label on the left
Label in the center
Label on the right
Search results
Link label
Group component now supports vertical orientation:
Spacing
<Group>
  <Button variant="outline">1</Button>
  <Button variant="outline">2</Button>
  <Button variant="outline">3</Button>
</Group>
Grid component allows you to use flexbox grid with any columns count:
1
2
3
4
5
Gutter
<Grid grow>
  <Col span={4}>1</Col>
  <Col span={4}>2</Col>
  <Col span={4}>3</Col>
  <Col span={4}>4</Col>
  <Col span={4}>5</Col>
</Grid>
use-debounced-value - hook to debounce value with useEffect:
Value: [empty string]
Debounced value: [empty string]

API Changes

  • Prop typo fix in Checkbox component (intermediate -> indeterminate)
  • Hr component replaced with Divider to support more options
  • ElementsGroup component replaced with Group to support all elements positioning
  • Custom component is now supported by ActionIcon and MenuItem components
  • Modal and Drawer components are wrapped with Portal by default
  • LoadingOverlay now supports custom loaders

Other changes

  • Significant performance improvements with react-jss useStyles props memoization
  • Dark theme improvements, all components now use more balanced transparent colors in dark theme