v2.3.0

Improvements & Features

• ButtonDropdown adds support for icons. #630
• Tabs adds a highlight effect on hover. #653
• Add an additional prop to Tabs to modify the style when activated. #710
• Allow component Image to render SVG string. #692
• Redesign the Code component to make it more compatible with text. #697 #698
• The default width of the Button has been slightly adjusted to be more compatible with the Scale feature.
• Improved performance of the Scale function. #705
• Refactor the Toast component, it can now be specified in a different placement on the page and can render ReactNodes. #708 (It is hard to imagine that this is a feature proposed 2 years ago😿 #315 )

Breaking changess and migrations

The Toast component was refactored to implement #315 , and the return values of useToast has changed, however, the interface of the setToast function is still compatible with the previous version. (suggest a global search for the useToast to complete the replacement)

// before
const [toasts, setToast] = useToast()

// after
const {
  toasts,
  setToast,
  removeAll,
  findToastOneByID,
  removeToastOneByID,
} = useToast()

New Hooks

We have optimized the styling of the documentation site and added the following utility functions to the package:

• useScale #693
• useClasses

Patches

• Add scale function to Input.Password. #685
• Links take up less extra space in the text layout. #703
• Remove any blank placeholders that may exist in className. #709

Credits

Thanks to @songhn233 @nikhilgupta58